.9.png是干什么用的呢？這里我就不再說明了。
我們知道.9.png圖片的上下左右都有1px寬度且長度任意的黑線，那么這些黑線的作用是什么呢？可以總結(jié)成一句話“左上拉伸，右下填充”，就是說左邊和上邊的黑色線條表示是可以拉伸的區(qū)域，右邊和下邊的黑線表示內(nèi)容填充的區(qū)域。這么說，可能不是很好理解，下面會有例子加以說明。

我們先來看張.9.png的圖：

左邊和上邊的黑線對應(yīng)可以拉伸的區(qū)域，黑線以外的區(qū)域不能拉伸。
右邊和下邊的黑線表示填充的內(nèi)容的區(qū)域。比方說，TextView的背景就是這個.9圖片，那么我們設(shè)置的text最左邊的位置就是下邊黑線的起始位置；最右邊的位置就是下邊黑線的結(jié)束位置；同理，最上面的位置就是右邊黑線的起始位置；最下面的位置就是右邊黑線的結(jié)束位置。后續(xù)會有例子來說明。

為了舉例說明，那就得自己制作.9.png圖片啦，方法很簡單，直接運(yùn)行android-sdk-windows\tools目錄下的Draw9Patch.bat。下面是我制作好的.9.png。

這個圖片是原圖，有點(diǎn)小，我放大點(diǎn)看：

可以看到4條黑線的具體位置。上邊的黑線表示水平拉伸的區(qū)域，左邊黑線表示豎直拉伸的區(qū)域，拉伸的效果如右邊的3個小圖所示。可以看出拉伸對應(yīng)區(qū)域。

下面寫個例子來說明，看看內(nèi)容填充的位置是不是對應(yīng)的右邊和下邊的區(qū)域。我制作的這個.9圖，下邊的黑線距離左邊是31px，距離右邊是15px.

<ImageView android:layout_marginLeft="20px"android:layout_width="wrap_content"android:layout_height="wrap_content"android:background="@drawable/tag"android:src="@drawable/music_home_nav_cursor"/>

就是為ImageView 設(shè)置背景，背景就是剛才的制作的.9.png圖。效果如下：

得到的圖片后，用畫圖工具打開這個這張圖片，發(fā)現(xiàn)，藍(lán)色圖片的位置距離最左邊幾近于31px，距離右邊的距離也接近于15px。可以發(fā)現(xiàn)右、下的黑線就是確定填充內(nèi)容區(qū)域。

總結(jié)

以上是生活随笔為你收集整理的android .9图片详解及应用的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。