Android .9.png圖片的製作與使用

9png圖片一般用在需要拉伸的地方,比如聊天程序的對話框,字數不同,對話框的大小也不同。
普通位圖拉伸後有多難看參考當年windows 95桌面背景拉伸效果。


對話框的背景圖片,需要使用一個小的、

點9圖,看到的都是提到了它的拉伸,沒有提縮小的功能的、、、


原文地址:http://jingyan.baidu.com/article/915fc414c9f7ef51384b206f.html

android 9Path圖片的使用 http://www.tuicool.com/articles/3iqyEr  (簡單介紹)


對話框裏面的9.path圖片的問題;只會邊長,不會縮短;??

當設定了按鈕實際應用的寬和高之後,橫向會拉伸1區域的像素,縱向會拉伸2區域的像素。


    .9.png圖片其實就是png格式圖片,不過它比普通的png圖片外圍多了1px(像素)的邊框,另外就是使用這種格式的圖片可以實現背景自適應大小且不失真的效果。比如某些控件橫豎屏切換後控件的樣子就變形了,或者某些圖片作爲控件背景也變形,這會讓人很鬱悶。幸好.9.png圖片可以提供這些需要的功能。


製作使用步驟:

    1、製作屬於你自己的png圖片,一定要是png圖片。可以自己PS製作,也可以解壓其他應用的apk文件,用裏面的圖片資源,Android系統也有圖片資源可以使用。
    2、在android-sdk-windows\tools目錄下找到draw9patch.bat文件,然後將其打開,將你要處理的png圖片拖入即可。或者File --> Open 9 patch。




    上邊黑線:橫向拉伸區域,必須要畫的,拉伸是橫向拉伸,如右邊的區域第二個拉伸的就是橫向拉伸的效果
    左邊黑線:縱向拉伸區域,必須要畫的,拉伸是縱向拉伸,如右邊的區域第一個拉伸的就是縱向拉伸的效果
    下邊黑線:可選,橫向內容顯示區域
    右邊黑線:可選,縱向內容顯示區域

    3、注意,黑線必須是連續的,如果你感覺畫的不好,按shift+鼠標左鍵將其擦出,然後從新畫。畫完後點擊File-->save 9-patch保存即可,效果如下圖

    
    4、接下來需要在程序中使用了,將這個圖片放到drawable中即可,跟其他的圖片使用沒什麼區別了,唯一神奇的就是可以自適應,不失真。


    比如我們用這個圖片定義一個Button,另外加個TextView的背景圖,也是.9.png圖片。



還不清楚的話,自己再去找度娘了;



發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章