android UI進階之可延伸的圖像

今天來說下android UI設計中常要用到的可延伸圖像。除了最基本的png，jpg與gif三種格式外，android還有一種叫作Nine-Patch的可延伸圖像.9.png。和png格式不一樣的是，他會隨着屬性物的大小變化而改變本身的大小，從而來適應屬性物的大小。這個特色，在咱們日常的UI設計中是很是實用的。最多見的一個圖片作按鈕背景，來適配字體大小，這時候，你會發現，這種可延伸圖像很是的好用。

下面就來說講如何使用吧。Android SDK提供了一個工具來製造這種圖像。在android sdk的tools目錄下，有個draw9patch.bat的文件，就是他啦。運行它，將咱們的圖片拖進去，就會獲得以下的樣子。

左邊窗口的是原始圖形，你能夠經過畫面下的Zoom來調整大小，Pathc scale調整png圖像最大能夠延伸的倍率，延伸後的結果就顯示在右邊的窗口。在一個像素裏點擊，在圖形邊緣繪製線條來定義可延伸的部分。在這邊須要注意的是，你必須至少在圖形的上邊緣和左邊緣畫線，不然將圖片導入後工程會報錯。調整好之後，點擊File -save，注意須要保存爲*.9.png格式。在程序中的使用和普通圖片徹底同樣，這就不講了。