android 9PNG圖片製作

查志強發表於2014-07-29

【原文:http://blog.csdn.net/wangkuifeng0118/article/details/7730436

在android開發的過程中我們經常因為沒有好的美工圖片失真,這樣使介面看起來要遜色很多,有的時候可能我們會想在drawable-hdpi,ldpi,mdpi下放不同解析度的圖片,這樣雖然可以有效避免圖片失真,但是這樣一是麻煩而是圖片資源似的整個專案太大。所以有時候我們想要是有些圖片可以拉伸而不失真多好啊,這時候我們就要想起android為我們提供的9.png格式的圖片了,9.png格式的圖片是安卓平臺上新創的一種被拉伸卻不失真的玩意。

           學會了這種9PNG圖片的製作,我們以後做專案的時候一些因為不同解析度而失真的圖片就可以使用這種方式了,下面看一下它的製作過程吧。

           9PNG製作的工具我們不需要下載,因為android的sdk中已經自帶了這個工具了,在tools目錄下找到draw9patch.bat,雙擊會出現如圖:

     

              然後把我們想要製作的圖片,直接拖動到上面的工具裡面,會出現類似如下圖:



                  將滑鼠放在白色邊框,點住左鍵不放拖動,會出現黑色線條如圖:


              1號黑色條位置向右覆蓋的區域表示圖片縱向拉伸時,只拉伸該區域  

          2號黑色條位置向下覆蓋的區域表示圖片橫向拉伸時,只拉伸該區域

           3號黑色條位置向左覆蓋的區域表示圖片縱向顯示內容的區域(在手機上主要是文字區域)

         4號黑色條位置向上覆蓋的區域表示圖片橫向顯示內容的區域(在手機上主要是文字區域)

             沒有黑色條的位置覆蓋的區域是圖片拉伸時保持不變(比如,如果圖片的四角為弧形的時候,當圖片被任意拉伸時,四角的弧形都不會發生改變)

               右邊3個紅色圖形區域為顯示當前拉伸效果

          

            選擇好區域後,點選左上file-》save 9-path,儲存圖片,字尾名為xxx.9.png這樣就製作成功了,然後就可以把這張圖片扔到drawable-hdpi相應的目錄下了


相關文章