Android .9(九妹)圖片怎么玩

1.本節(jié)引言：

可能有的一些疑問(wèn)：

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

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

1）Android SDK 自帶：draw9patch.bat，不過(guò)這玩意出了好久，谷歌竟然沒(méi)更新過(guò)...

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

3）NinePng 九圖神器，手機(jī)版的 .9 處理工具，做得還是比較贊的，但是要連 wifi 互傳圖片，實(shí)際操作起來(lái)有點(diǎn)麻煩，功能還是比較強(qiáng)大的，有興趣到相關(guān)應(yīng)用市場(chǎng)搜索下載：

2.如何做 .9 圖：

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

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

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

2）執(zhí)行之后就是上面截圖的這個(gè)工具，選擇一張圖片添加進(jìn)來(lái)

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

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

4）如果想刪除劃線，按住 shift + 鼠標(biāo)左鍵，刪除劃線。

5）展示效果,draw9patch 工具，右側(cè)會(huì)有三個(gè)圖片展示，第一張為左側(cè)線產(chǎn)生的縱向可拉伸效果圖，第二張為上方線產(chǎn)生的橫向可拉伸效果圖，第三張為橫縱向同時(shí)拉伸的效果圖，完成劃線之后點(diǎn)擊file > save

2.使用 NinePatchEditor 制作 .9 圖片

1）使用導(dǎo)入或?qū)D片拖拽至圖片列表區(qū)域，可開(kāi)始編輯圖片

2）在圖片四周的綠色區(qū)域，可對(duì)圖像進(jìn)行標(biāo)記操作

3）由于個(gè)人能力問(wèn)題，導(dǎo)致此工具處理大圖片時(shí)會(huì)很卡，可勾上 "關(guān)閉自動(dòng)刷新"以改善效率問(wèn)題，預(yù)覽效果時(shí)，可手動(dòng)點(diǎn)刷新

4）在標(biāo)記過(guò)程中，點(diǎn)擊"查看標(biāo)志位"按鈕，可查看標(biāo)記狀況，0為未標(biāo)記，1為已標(biāo)記

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

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

1）怎么修改和預(yù)覽點(diǎn)九圖：

2）怎么傳輸圖片

3.本節(jié)小結(jié)：

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