Manuel de développement Android / (九妹)圖片怎么玩

(九妹)圖片怎么玩

1.本節(jié)引言：

可能有的一些疑問：
1.什么是.9圖片？
答：圖片后綴名前有.9的圖片,如pic1.9.png這樣的圖片
2. .9圖片能干嘛？ 答：在圖片拉伸的時(shí)候特定的區(qū)域不會(huì)發(fā)生圖片失真，而不失真的區(qū)域可以由我們自己繪制 3. .9圖片用什么做？ 答：工欲善其事，必先利其器，做.9圖片的工具有：
①Android SDK自帶：draw9patch.bat，不過這玩意出了好久，谷歌竟然沒更新過...
②NinePatchEditor，相比起自帶的，做了一些優(yōu)化，支持批量操作，而且界面看起來美觀一點(diǎn)：有興趣的可以下載下，筆者平時(shí)用的這個(gè)，下載鏈接：NinePatchEditor.zip
③NinePng九圖神器，手機(jī)版的.9處理工具，做得還是比較贊的，但是要連wifi互傳圖片，實(shí)際操作起來有點(diǎn)麻煩，功能還是比較強(qiáng)大的，有興趣到相關(guān)應(yīng)用市場(chǎng)搜索下載：
④PhotoShop，這就顯得比較夸張了，一般用這個(gè)做.9圖的都是美工，有興趣的可搜下相關(guān)教程！

2. .9圖片怎么做？

！！核心要點(diǎn)：左上拉伸，右下內(nèi)容?。。。。?！其實(shí)核心就上面的內(nèi)容！先來找個(gè)圖片試試手！

1. draw9patch.bat制作.9圖實(shí)例：

有這樣的圖片：，我們通過TextView的android:blackground可以設(shè)置為TextView的一個(gè)背景，內(nèi)容少的時(shí)候還正常，一多起來就可能出現(xiàn)下面這種情況：會(huì)發(fā)現(xiàn)圖片被拉伸變形了,很明顯,這不合我們的需求,于是乎我們需要對(duì)這個(gè)圖片來進(jìn)行一些處理,讓圓角部分的不隨長(zhǎng)度拉伸,中間部分才拉伸

打開我們的draw9patch.bat，點(diǎn)擊左上角File，來到對(duì)應(yīng)目錄打開我們要處理的圖片素材，接下來就可以看到我們工具的主界面了:

右面的預(yù)覽區(qū)域分別是：縱向拉伸，橫向拉伸，橫縱都拉伸的預(yù)覽

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

Step 1.調(diào)Zoom和Patch scale:設(shè)置自己適合的縮放比例,勾選show patch 可以讓Zoom足夠大,因?yàn)楹竺嫖覀冃枰幚?quot;斑馬線"
Step 2.接下來我們只需要在"斑馬線"上進(jìn)行操作就可以了: PS:黑色那條線是一條條點(diǎn)出來的,如果想消除點(diǎn)的話:按住shift點(diǎn)即可！
Step 3.保存圖片,以.9.png結(jié)尾比如這里保存的文件名是back.9.png；嘿嘿，然后把他加入我們的工程，設(shè)置為TextView的背景：
效果杠杠滴，接下來無論我們的顯示的字符多長(zhǎng)，都是圖中這個(gè)結(jié)果，新技能get~