之前,點9圖的出現(xiàn)是安卓機為了適配不同的手機分辨率的解決方案。
點9圖(.9.png)是用于Android開發(fā)的一種特殊的圖片格式,它的好處在于可以用簡單的方式把一張圖片中哪些區(qū)域可以拉伸,哪些區(qū)域不可以拉伸設(shè)定好,同時可以把顯示內(nèi)容區(qū)域的位置標(biāo)示清楚?,F(xiàn)在點9圖不僅可以應(yīng)用在安卓上,同樣可以應(yīng)用到ios切圖上。
唯一的區(qū)別:安卓的.9.png必須用draw9patch.bat這個工具來制作。我們平常用photoshop直接輸出的.9.png只是普通的png資源。但是ios是可以使用的。安卓工程師是不能用的。 或者說如果你的9.png中沒有黑線,安卓開發(fā)軟件是不識別的。
嚴(yán)謹(jǐn)?shù)膩碚f:APP設(shè)計師或安卓工程師必須用自帶的draw9patch.bat工具轉(zhuǎn)換下。
draw9patch.bat工具的下載地址:立即下載
1、普通的.png資源與.9.png的資源區(qū)別:
更多關(guān)于點9圖的相關(guān)教程如下:
1、在線自動生成.9png圖的Android設(shè)計切圖工具推薦
2、安卓android APP切圖規(guī)范和.9png制作教程
3、Android尺寸標(biāo)注設(shè)計大全和Android切圖規(guī)范
4、APP設(shè)計和切圖基本知識點以及注意事項【APP設(shè)計干貨】
關(guān)于處理點九圖的工具,我想補充說明一下,目前常用的三種方式:
第一種:就是使用PS,但是其缺點是手工增加四周各1個像素,然后其區(qū)域顏色值只能是透明色(#00000000)或黑色(#FF000000),混入其他顏色一律無法正常顯示,而且無法實時預(yù)覽,即使你經(jīng)驗豐富,但也很難去考慮到目前Android市場這么多的機型適配;如果混入了其他顏色,而又未發(fā)覺,這樣再跟程序員來回折騰,時間上也夠喝一壺的了。樓主所說的也屬于這一類。
第二種:就是使用谷歌官方的draw9Patch.bat這個工具,這個也有劣勢,1.電腦要安裝Java環(huán)境,2.下載那個幾百M的文件,3.draw9Patch這個工具其實很難用,很粗糙,整個的體驗也很糟糕。特別是那一根像素,拖著鼠標(biāo)仔細的描那根像素,哎呀,別提那個憋屈勁兒了。。。
第三種:NinePng九圖神器App——Android開發(fā)設(shè)計必備工具。
這是一個專門處理點九圖的工具App,能夠非常簡單的用手指拖動就可以直接修改點九圖了,而且可以設(shè)置文字等信息實時預(yù)覽效果。個人感覺還是不錯的。
APP軟件下載官網(wǎng):http://www.ninepng.cn/
詳細運用該APP切圖的方法和教程地址:http://blog.ninepng.cn/?p=40
最后總結(jié):各位APP設(shè)計師們,結(jié)合自己的喜愛來使用不同的方式進行點9圖處理。
特別需要注意以下2點:
1.最外圍的一圈像素必須要么是純黑色,要么是透明,一點點的半透明的像素都不可以有,比如說99%的黑色或者是1%的投影都不可以有;
2.文件的后綴名必須是.9.png,不能是.png或者是.9.png.png,這樣的命名都會導(dǎo)致編譯失敗。
全站高品質(zhì)素材免費下載!