點九圖片的拉伸區域不難理解,顯示內容區域是怎樣的?
.9 ,是andriod平臺的應用軟件開發里的一種特殊的圖片形式,文件擴展名為:.9.png
智能手機中有自動橫屏的功能,同一幅界面會在隨著手機(或平板電腦)中的方向傳感器的參數不同而改變顯示的方向,在界面改變方向后,界面上的圖形會因為長寬的變化而產生拉伸,造成圖形的失真變形。
我們都知道android平臺有多種不同的分辨率,很多控件的切圖文件在被放大拉伸后,邊角會模糊失真。
OK,在android平臺下使用點九PNG技術,可以將圖片橫向和縱向同時進行拉伸,以實現在多分辨率下的完美顯示效果。
如下圖:
利用SDK tools下的draw9patch工具打開圖片。
點選Show patches,顯示的粉紅色區域,即為要拉伸的區域。
點選Show content,右側藍色陰影區域,即為內容顯示區域。
由圖可知,內容顯示區域在此圖片的左上部分。如何更容易理解呢?
如果將此圖片作為button的背景,button的text為“試一下試一下試一下”,
此button的顯示情況應為:
button的text顯示不會越過陰影部分。
新聞熱點
疑難解答
圖片精選