Android中9patch圖片格式(xx.9.png)介紹與制作詳解


一:9patch圖片介紹:

android的.9.png是android系統中一種特殊的圖片格式,專門用來用來處理圖片大小變化后(如拉伸)的失真,不正常,如我們看到的qq聊天中的文字氣泡,不管你輸入的文字多少,發送后背景氣泡四邊的圓角是不會變樣的。圖片經過9patch處理后保存后名為:xxx.9.png,打開時邊緣會有一圈空像素邊框,上面有黑線或黑點。制作工具在我們的android sdk文件夾中有,下面淪落凡間將來詳細解說如果制作。

二:制作:

   1:打開android sdk文件夾在tools文件夾下可以找到一個draw9patch.bat的文件,雙擊運行,稍等一會,會出現如下窗口:

 

   2:鼠標按住圖片拖到該窗口,窗口將分為左右兩部分,左邊為制作的原圖,右邊為上下,左右縮放后的效果:

 

  可以看到下方有三個多選框,淪落凡間這里用全勾選來演示。

第一個“show lock”勾選后把鼠標放到圖片制作區域(窗口左邊)會顯示如圖的紅色條紋,條紋區域為不可編輯區域。

第二個“show patches”勾選后在圖片制作區域會有如圖綠色的區域,為當圖片大小變化后拉伸的區域,也就是說綠色外的區域不管圖片如何變化都是不會補拉伸的(如上圖的四個角)。

第三個“show content”勾選后在縮放預覽區域(窗口右邊)會用藍色區域來標記顯示內容(如文字)的區域。

下方兩個進度條:“Zoom”為圖片制作區域的顯示大小。“patch scale”為圖片縮放預覽區域的縮放大小。

這下方的選項和進度條根據自身需求自行選擇。

3:制作:

 

圖片的邊緣會有一圈透明像素,這是用來標記拉伸區域和內容區域的,用鼠標在邊緣單擊會出現一個黑點,鼠標放到黑點上會出現兩條標尺線,放到標尺線上鼠標變成上下箭頭可以拖動,手動后黑點變成黑線,如上圖。

注意:左邊,上邊的黑線分別表示垂直和水平方向上的可拉伸區域。

      右邊,下邊的黑線分別表示垂直和水平方向上的內容顯示區域。

      如果失誤可按住shift鍵再鼠標單擊或拖動來清除。

設置好后別忘了拖動下方的“patch scale”進度條來縮放預覽效果。


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM