(九妹)圖片怎么玩
1.本節(jié)引言:
可能有的一些疑問:
1.什么是.9圖片?
答:圖片后綴名前有.9的圖片,如pic1.9.png這樣的圖片2. .9圖片能干嘛? 答: 在圖片拉伸的時候特定的區(qū)域不會發(fā)生圖片失真,而不失真的區(qū)域可以由我們自己繪制 3. .9圖片用什么做? 答:工欲善其事,必先利其器,做.9圖片的工具有:
①Android SDK自帶:draw9patch.bat,不過這玩意出了好久,谷歌竟然沒更新過...
②NinePatchEditor,相比起自帶的,做了一些優(yōu)化,支持批量操作,而且界面看起來美觀一點(diǎn): 有興趣的可以下載下,筆者平時用的這個,下載鏈接:NinePatchEditor.zip
③NinePng九圖神器,手機(jī)版的.9處理工具,做得還是比較贊的,但是要連wifi互傳圖片,實(shí)際操作起來有點(diǎn)麻煩,功能還是比較強(qiáng)大的,有興趣到相關(guān)應(yīng)用市場搜索下載:
④PhotoShop,這就顯得比較夸張了,一般用這個做.9圖的都是美工,有興趣的可搜下相關(guān)教程!
2. .9圖片怎么做?
!!核心要點(diǎn):左上拉伸,右下內(nèi)容?。。。。?!其實(shí)核心就上面的內(nèi)容!先來找個圖片試試手!
1. draw9patch.bat制作.9圖實(shí)例:
有這樣的圖片:,我們通過TextView的android:blackground可以設(shè)置為TextView的一個背景,內(nèi)容少的時候還正常,一多起來就可能出現(xiàn)下面這種情況:
會發(fā)現(xiàn)圖片被拉伸變形了,很明顯,這不合我們的需求,于是乎我們需要對這個圖片來進(jìn)行一些處理,讓圓角部分的不隨長度拉伸,中間部分才拉伸
打開我們的draw9patch.bat,點(diǎn)擊左上角File,來到對應(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的背景:
效果杠杠滴,接下來無論我們的顯示的字符多長,都是圖中這個結(jié)果,新技能get~
2.看下別人如何做.9圖:
根據(jù)不同的情況我們可能需要做不同的.9圖,下面欣賞下幾個別人弄好的稍微復(fù)雜點(diǎn)的.9圖的例子! 例子:
原文鏈接:http://www.miued.com/2074/好吧,這素材我喜歡,可以沒有QAQ!
2.原文鏈接:http://blog.csdn.net/lizzy115/article/details/7950959
3.原文鏈接:http://www.cnblogs.com/vanezkw/archive/2012/07/19/2599092.html
3.本節(jié)小結(jié):
好的,本節(jié)關(guān)于.9制作可拉伸圖片的教程就到這里,還是比較簡單的,記住我們的口訣:左上拉伸,右下內(nèi)容! 做幾個.9圖后相信你就深有體會了,再見~