Android 制作Nine-Patch圖片

參考修圖工具Draw9patch使用小結(jié)

在androidSDK下的tools文件夾下找到draw9patch.bat,雙擊打開后,導(dǎo)航欄點(diǎn)擊File->Open 9-patch將message_left.png加載進(jìn)來。操作完畢后,點(diǎn)擊File->Save 9-patch進(jìn)行保存,此時(shí)文件名就是message_left.9.png。


可以看到圖片被分割成9塊,橙色的四塊1,2,3,4是四個(gè)角,這是固定不變的。也就是說不管控件或者說這張圖是縱向拉伸還是橫向拉伸抑或是橫縱拉伸,這拉伸后的4個(gè)角跟現(xiàn)在看到的四個(gè)角永遠(yuǎn)是一樣的。那他拉伸的是什么呢?就是圖中的綠色區(qū)域。

先看黑線5吧,5位于圖片的頂部,它的正下方有一個(gè)與之寬度相等的綠色區(qū)域,這個(gè)區(qū)域就是用來橫向拉伸的區(qū)域,每次橫向有拉伸的時(shí)候,就是對這個(gè)區(qū)域進(jìn)行改變。但要注意一點(diǎn),這個(gè)黑線的寬度不是用來決定可拉伸區(qū)域的寬度,而是用來調(diào)整兩邊邊角的寬度。為什么?因?yàn)橹虚g的區(qū)域本來就是用來拉伸的,要區(qū)別寬度有什么用呢?那么怎么改這個(gè)黑線長度?直接用鼠標(biāo)左鍵在頂部一描就就好,鼠標(biāo)右鍵用來擦除。當(dāng)然,畫線的時(shí)候要注意數(shù)好像素點(diǎn)數(shù)再畫,保證左右對稱嘛。

黑線6同理。

最后兩條線,就看1吧。2同理。

這兩條線就是控件上的內(nèi)容的顯示區(qū)域,1控制高度,2控制寬度。不過這圖是會(huì)拉伸的,所以還是要這樣理解,1是控制內(nèi)容顯示的地方距離上邊和下邊的距離,2自己去想了。

總結(jié):上和左兩條黑線已經(jīng)確認(rèn)了寬高可拉伸的區(qū)域。下和右兩條黑線是為了控制內(nèi)容顯示的區(qū)域。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容