Android基礎入門教程——1.6 .9(九妹)圖片怎么玩

Android基礎入門教程

1.本節引言：

可能有的一些疑問：

1.什么是.9圖片？

答：圖片后綴名前有.9的圖片,如pic1.9.png這樣的圖片

2. .9圖片能干嘛？

答： 在圖片拉伸的時候特定的區域不會發生圖片失真，而不失真的區域可以由我們自己繪制

3. .9圖片用什么做？

答：工欲善其事，必先利其器，做.9圖片的工具有：

①Android SDK自帶：draw9patch.bat，不過這玩意出了好久，谷歌竟然沒更新過...

②NinePatchEditor，相比起自帶的，做了一些優化，支持批量操作，而且界面看起來美觀一點：

有興趣的可以下載下，筆者平時用的這個，下載鏈接：NinePatchEditor.zip

③NinePng九圖神器，手機版的.9處理工具，做得還是比較贊的，但是要連wifi互傳圖片，實際操作起來有點麻煩，功能還是比較強大的，有興趣到相關應用市場搜索下載：

④PhotoShop，這就顯得比較夸張了，一般用這個做.9圖的都是美工，有興趣的可搜下相關教程！

2. .9圖片怎么做？

！！核心要點：左上拉伸，右下內容！！！！！！

其實核心就上面的內容！先來找個圖片試試手！

1. draw9patch.bat制作.9圖實例：

有這樣的圖片：

，我們通過TextView的android:blackground可以設置為TextView的一個背景，內容少的時候還正常，一多起來就可能出現下面這種情況：

會發現圖片被拉伸變形了,很明顯,這不合我們的需求,于是乎我們需要對這個圖片來進行一些處理,讓圓角部分的不隨長度拉伸,中間部分才拉伸

打開我們的draw9patch.bat，點擊左上角File，來到對應目錄打開我們要處理的圖片素材，

接下來就可以看到我們工具的主界面了:

右面的預覽區域分別是：縱向拉伸，橫向拉伸，橫縱都拉伸的預覽

好的，接下來開始處理圖片了：

Step 1.調Zoom和Patch scale:設置自己適合的縮放比例,勾選show patch

可以讓Zoom足夠大,因為后面我們需要處理"斑馬線"

Step 2.接下來我們只需要在"斑馬線"上進行操作就可以了:

PS:黑色那條線是一條條點出來的,如果想消除點的話:按住shift點即可！

Step 3.保存圖片,以.9.png結尾

比如這里保存的文件名是back.9.png

；

嘿嘿，然后把他加入我們的工程，設置為TextView的背景：

效果杠杠滴，接下來無論我們的顯示的字符多長，都是圖中這個結果，新技能get~

2.看下別人如何做.9圖：

根據不同的情況我們可能需要做不同的.9圖，下面欣賞下幾個別人弄好的稍微復雜點的.9圖的例子！

例子：

3.本節小結：

好的，本節關于.9制作可拉伸圖片的教程就到這里，還是比較簡單的，記住我們的口訣：左上拉伸，右下內容！

做幾個.9圖后相信你就深有體會了，再見~

總結

以上是生活随笔為你收集整理的android 编辑9图片,Android基础入门教程——1.6 .9(九妹)图片怎么玩的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。