android 製作9.png圖片(轉載,最後有自己的總結)

原文地址:http://blog.csdn.net/pugongying1988/article/details/6938972

 本文在原文基礎上,在文章最後增加了作者個人的幾點總結!

 一、什麼是9.png:
       可能做過任務欄美化的同學都會知道,我靠,framework-res.apk\res\drawable-hdpi 目錄下有非常非常多的XXXXXX.9.png圖片。
千萬不要以爲這個9只是png格式圖片的命名區分,其實他是一種特殊的格式,在png圖片的基礎上動了些手腳,而且這種手腳你會
看不見摸不着(詳情見下面具體內容)。
       9.png格式的圖片是安卓平臺上新創的一種被拉伸卻不失真的玩意(挺高級的吧),也許有
的同學在做美化的時候很喜歡一個圖片素材,重命名替換了drawable-hdpi下的素材,但是運行系統後發現,怎麼被拉伸得不像樣子
了,哈哈,這就是9.png圖片不能輕易碰的神奇所在,不過不要緊,下面看完你就會了,安卓美化大師就是你了。
      首先我們還是得介紹一下,9.png圖片他的具體不同之處,它的四周與普通的png圖片相比多了一個像素位的白色區域,該區域
只有在圖片被還原和製造的時候才能看到,當打包後無法看見,並且圖片的總像素會縮小2個像素,比如23x23像素的9.png圖片被
打包後會變成21x21像素。所以我們在製作的時候要注意掌握尺寸。
       當我們製作出9.png圖片的時候你還有驚奇的發現一個幾KB或者幾十KB的圖片,變得非常的小,一般只有幾百個字節那麼大,
系統加載起來當然會更加的流暢咯。

重要聲明,該製作工具均需要搭建java運行環境,就是下載jdk安裝,並在計算機屬性中搭建環境變量,具體操作本帖就不講了,
網上找一下如何搭建環境變量就有了。

二、如何製作9.png圖片素材:

       1、下載工具:  draw9patch.zip 該工具SDK中自帶。
       2、解壓,執行draw9patch.bat,會出現如圖:


       3、將你用PS製作的圖片素材,拖到該窗口中,出現如圖:



            解釋:中間黑紅條紋部分表示不能編輯,邊緣白色透明框就是上述介紹的增加的一像素邊框。
       4、將鼠標放在白色邊框,點住左鍵不放拖動,會出現黑色線條如圖:
             


             解釋:1號黑色條位置向下覆蓋的區域表示圖片橫向拉伸時,只拉伸該區域
                        2號黑色條位置向右覆蓋的區域表示圖片縱向拉伸時,只拉伸該區域  
                        3號黑色條位置向左覆蓋的區域表示圖片縱向顯示內容的區域
                        4號黑色條位置向上覆蓋的區域表示圖片橫向顯示內容的區域
                        沒有黑色條的位置覆蓋的區域是圖片拉伸時保持不變(比如,如果圖片的四角爲弧形的時候,當圖片被任意拉伸時,四角的弧形都不會發生改變)
         5、如果失誤多選了部分,可按住shift鍵,點擊鼠標左鍵去掉黑色條
         6、右邊3個黑色圖形區域爲顯示當前拉伸效果
         7、選擇好區域後,點擊左上file-》save 9-path,保存圖片,後綴名爲xxx.9.png,此時圖片效果爲:



 

 

在原文的基礎上,我想自己補充幾點:

1、上面說的draw9patch.bat工具在sdk目錄下的tools文件夾裏面,雙擊即可打開

2、上面說的四個黑邊,見下圖:

 

選中紅色標記的部分,就會出現顏色區域,其中,黑色的區域表示圖片拉伸後不會變化的區域,而淺紅色區域的表示在圖片拉伸過程中,會對其進行拉伸。所以只需要將咱們需要正常顯示、不失真的部分顯示在黑色區域內,即可。

3、這樣保存之後, 9.png製作完成後,圖片四周會有黑邊,這時不需要進行去除黑邊的操作,因爲只要保存爲9.png後,系統在應用的時候,會自動去除黑邊






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