切圖細(xì)節(jié)——點(diǎn)九切圖

1. 適用范圍

根據(jù)屏幕橫豎屏或展示面積不定,但具有明顯的重復(fù)延展性,因此切出具有特點(diǎn)的部分,將重復(fù)部分用代碼完成,常見(jiàn)的有對(duì)話起泡、按鈕等。

2. 切圖方法

? ?9patch軟件;PS切圖

以下介紹一下如何用PS進(jìn)行切圖,直接使用 PS等平面工具繪制,流程如下:

1. 確定切圖后直接改變圖片的畫(huà)布大小

2. 手動(dòng)將上下左右各增加1px

3. 使用鉛筆工具,手動(dòng)繪制拉伸區(qū)域,色值必須為黑色(#000000)。

4. 存儲(chǔ)為web所用格式,選擇png-24,儲(chǔ)存時(shí)手動(dòng)將后綴名改為.9.png

不過(guò)這種方法的缺點(diǎn)是不能實(shí)時(shí)預(yù)覽,判斷并測(cè)試?yán)靺^(qū)域的準(zhǔn)確性。

使用此方法需要注意以下2點(diǎn):

1. 手繪的黑線拉伸區(qū)必須是#000000,透明度100%,并且圖像四邊不能出現(xiàn)半透明像素;

2. 你的.9.png必須繪有拉伸區(qū)域的黑線;

否則,圖片不會(huì)通過(guò)android系統(tǒng)編譯,導(dǎo)致程序報(bào)錯(cuò)。還有,有同學(xué)疑惑解壓縮apk文件后,.9.png圖片里的黑線怎么沒(méi)了?

那是因?yàn)閍ndriod程序在把文件打包成apk的時(shí)候,程序會(huì)自動(dòng)把*.9.png圖片邊緣的黑線去掉,所以解壓縮apk后看到的.9.png文件是沒(méi)有黑線的。


王旋子同學(xué)


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

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

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