1.本節(jié)引言：

可能有的一些疑問：

1.什么是 .9 圖片？ 
答：圖片后綴名前有.9的圖片,如pic1.9.png這樣的圖片

2. .9 圖片能干嘛？ 答： 在圖片拉伸的時候特定的區(qū)域不會發(fā)生圖片失真，而不失真的區(qū)域可以由我們自己繪制 . .9 圖片用什么做？ 答：工欲善其事，必先利其器，做.9圖片的工具有：

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

2）NinePatchEditor，相比起自帶的，做了一些優(yōu)化，支持批量操作，而且界面看起來美觀一點： 有興趣的可以下載下，筆者平時用的這個，下載鏈接：NinePatchEditor.zip

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

2.如何做 .9 圖：

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

1.使用 draw9patch 制作 .9.png 圖片

1）在 SDK 里的 tools 文件夾里有一個工具名字為 draw9patch

2）執(zhí)行之后就是上面截圖的這個工具，選擇一張圖片添加進來

3）之后會發(fā)現(xiàn)本來沒有透明區(qū)域的圖片周圍出現(xiàn)了一像素的空隙，這個空隙就是給 .9 圖片劃線用的。接下來，我們在圖片的上下左右分別劃線

其中，上方和左方的線是控制圖片的可拉伸區(qū)域的，也就是說，上方的線控制圖片中“信”字橫向可拉伸，左側的線控制縱向可拉伸，下方的線和右側的線控制圖片的文本區(qū)域，也就是說，如果圖片上有 text，就會把位置控制在下方和右側的線圍城的區(qū)域里。

4）如果想刪除劃線，按住 shift + 鼠標左鍵，刪除劃線。

5）展示效果,draw9patch 工具，右側會有三個圖片展示，第一張為左側線產生的縱向可拉伸效果圖，第二張為上方線產生的橫向可拉伸效果圖，第三張為橫縱向同時拉伸的效果圖，完成劃線之后點擊file > save

2.使用 NinePatchEditor 制作 .9 圖片

1）使用導入或將圖片拖拽至圖片列表區(qū)域，可開始編輯圖片

2）在圖片四周的綠色區(qū)域，可對圖像進行標記操作

3）由于個人能力問題，導致此工具處理大圖片時會很卡，可勾上 "關閉自動刷新"以改善效率問題，預覽效果時，可手動點刷新

4）在標記過程中，點擊"查看標志位"按鈕，可查看標記狀況，0為未標記，1為已標記

3.使用 NinePng九圖神器 制作 .9圖片

下面上兩張教程圖演示一下，NinePng九圖神器到底有多方便。

1）怎么修改和預覽點九圖：

2）怎么傳輸圖片

3.本節(jié)小結：

好的，本節(jié)關于.9制作可拉伸圖片的教程就到這里，還是比較簡單的，記住我們的口訣：左上拉伸，右下內容！ 做幾個.9圖后相信你就深有體會了，再見~