.9圖片的製作(draw9patch.bat工具的使用)

與傳統的png 格式圖片相比, 9.png 格式圖片在圖片四周有一圈一個像素點組成的邊沿,該邊沿用於對圖片的可擴展區和內容顯示區進行定義。 

       這種格式的圖片在android 環境下具有自適應調節大小的能力。

       例如,我們經常看到的android系統的按鈕,還有各種短信應用中使用的對話背景圖片的效果,就是使用的.9圖片。

       下面,就介紹一下如何使用android自帶的工具,製作.9圖片。

       1 運行android SDK中tools路徑下的draw9patch.bat文件。運行界面如下:

 

       2 選擇一張圖片(.png格式)添加進來。你會發現本來邊緣沒有透明區域的圖片,四周多出了一像素的空隙,這四個空隙是給.9圖片劃線用的

 

       3 所謂給.9圖片劃線,指的是通過劃線,決定圖片的可拉伸區域和顯示文本信息的區域。

       其中,上方和左方的線是控制圖片的可拉伸區域的,也就是說,上方的線控制圖片橫向可拉伸,左側的線控制縱向可拉伸。下方的線和右側的線控制圖片的文本區域,也就是說,如果圖片上有text,就會把位置控制在下方和右側的線圍城的區域裏。

       4 直接通過鼠標在邊緣一像素區域的拖動劃線。如果想刪除劃線,按住shift + 鼠標左鍵,刪除劃線。

 

       5 右側會有三個圖片展示,第一張爲左側線產生的縱向可拉伸效果圖,第二張爲上方線產生的橫向可拉伸效果圖,第三張爲橫縱向同時拉伸的效果圖,完成劃線之後點擊保存。

       至此,.9圖片製作完成。至於使用.9圖片的效果,需要在實踐中驗證,不再贅述。同時,要注意工具下方功能選項和拖動條的使用。

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