# 1.6 .9(九妹)圖片怎么玩 ## 1.本節引言： > **可能有的一些疑問：** > > **1.什么是.9圖片？** > 答：圖片后綴名前有.9的圖片,如pic1.9.png這樣的圖片 > > **2\. .9圖片能干嘛？** 答： 在圖片拉伸的時候特定的區域不會發生圖片失真，而不失真的區域可以由我們自己繪制 **3\. .9圖片用什么做？** 答：工欲善其事，必先利其器，做.9圖片的工具有： > > ①**Android SDK自帶：draw9patch.bat**，不過這玩意出了好久，谷歌竟然沒更新過... > >  > > ②**NinePatchEditor**，相比起自帶的，做了一些優化，支持批量操作，而且界面看起來美觀一點： 有興趣的可以下載下，筆者平時用的這個，下載鏈接：[NinePatchEditor.zip](http://pan.baidu.com/s/1hq5vKuo) > >  ③**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圖的例子！ 例子： 1.原文鏈接：[http://www.miued.com/2074/](http://www.miued.com/2074/)好吧，這素材我喜歡，可以沒有QAQ！  2.原文鏈接：[http://blog.csdn.net/lizzy115/article/details/7950959](http://blog.csdn.net/lizzy115/article/details/7950959)  3.原文鏈接：[http://www.cnblogs.com/vanezkw/archive/2012/07/19/2599092.html](http://www.cnblogs.com/vanezkw/archive/2012/07/19/2599092.html)  ## 3.本節小結： 好的，本節關于.9制作可拉伸圖片的教程就到這里，還是比較簡單的，記住我們的口訣：左上拉伸，右下內容！ 做幾個.9圖后相信你就深有體會了，再見~