它是一種被特殊處理過的 png 圖片，能夠指定哪些區(qū)域可以被拉伸而 哪些區(qū)域不可以。

那么 Nine-Patch 圖片到底有什么實際作用呢？我們還是通過一個例子來看一下吧。比如 說項目中有一張氣泡樣式的圖片 message_left.png，如圖 3.38 所示。

圖? ?3.38

?

我們將這張圖片設(shè)置為一個 LinearLayout 的背景圖片，修改 activity_main.xml 中的代碼， 如下所示：

?

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="match_parent" android:layout_height="match_parent" >

?

<LinearLayout android:layout_width="match_parent" android:layout_height="wrap_content" android:background="@drawable/message_left" >

</LinearLayout>

?

?

</RelativeLayout>

將 LinearLayout 的寬度指定為 match_parent，然后將它的背景圖設(shè)置為 message_left，現(xiàn) 在運行程序，效果如圖 3.39 所示。

?可以看到，由于 message_left 的寬度不足以填滿整個屏幕的寬度，整張圖片被均勻地拉伸了！這種效果非常差，用戶肯定是不能容忍的，這時我們就可以使用 Nine-Patch 圖片來進 行改善。在 Android sdk 目錄下有一個 tools 文件夾，在這個文件夾中找到 draw9patch.bat 文件， 我們就是使用它來制作 Nine-Patch 圖片的。雙擊打開之后，在導(dǎo)航欄點擊 File→Open 9-patch 將 message_left.png 加載進來，如圖 3.40 所示。

?

圖? ?3.40

?

我們可以在圖片的四個邊框繪制一個個的小黑點，在上邊框和左邊框繪制的部分就表示 當圖片需要拉伸時就拉伸黑點標記的區(qū)域，在下邊框和右邊框繪制的部分則表示內(nèi)容會被放 置的區(qū)域。繪制完成后效果如圖 3.41 所示。

?

圖? ?3.41

?

最后點擊導(dǎo)航欄 File →Save 9-patch 把繪制好的圖片進行保存，此時的文件名就是message_left.9.png。使用這張圖片替換掉之前的?message_left.png 圖片，重新運行程序，效果如圖 3.42 所示。

?

?

這樣當圖片需要拉伸的時候，就可以只拉伸指定的區(qū)域，程序在外觀上也是有了很大的改進。

總結(jié)

以上是生活随笔為你收集整理的android:制作 Nine-Patch 图片的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

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