android 9patch超詳細教程

這篇文章是android開發人員的必備知識，內容摘選自網路，不求完美，但是有用。

1.背景自適應且不失真問題的存在
      製作自適應背景圖片是UI開發的一個廣泛問題，也是介面設計師渴望解決的問題，我相信我們彼此都深有體會。
      比如,列表的背景圖一定，但是列表的高度隨著列表資料項目會發生變化；標題列的背景，無論橫屏還是豎屏，高解析度還是低解析度，都能自動填滿滿，而且不失真等等背景問題。
      根據以往的經驗，我們一般採用先切圖後拼湊的做法，這種做法本來我想在這裡和大家介紹一下，其實有的時候還是很有用的，但是說起來會比較麻煩，就不說這個非重點了。
     Android針對這種情況，專門製作了一種.9.PNG格式來解決這個問題。

2.9.PNG格式。
      *.9.PNG就標準的PNG格式，只是在最外面一圈額外增加1px的邊框，這個1px的邊框就是用來定義圖片中可擴充的和靜態不變的地區。特別說明，left（左）和top（上）邊框中交叉部分是可展開部分，未選中部分是靜態地區部分。right和bottom（下和右）邊框中交叉部分則是內容部分。
 
如《也就是說，在手機裡。無論上面那張圖怎麼放大，四周的圓角都是不會被放大的！只有left（左）和top（上）邊框內才會伸縮！

在Android中以9.PNG格式的圖片未背景，則能夠自訂展開而不失真，比如系統的Button就是一個典型的例子。
     其實呢，無論是left和top，還是right和bottom都是把圖片分成9塊 (邊角四塊是不能縮放的，其他的四塊則是允許縮放的)，所以叫做9.PNG。

3.
使用Draw9Patch.jar製作9.PNG圖片之定義展開地區。

      前面已經瞭解到9.PNG格式的工作方式，下面我們使用工具Draw9Patch(ADK內建)來製作.9.PNG圖片。
      
第一步：準備要展開的圖片。

預設的展開是整體展開，其實邊框部分我們並不想展開，好，我們自己來定義展開地區，如

 

然後點擊File,匯出為content.9.png。

看看效果！可以看出，邊框非常的清晰。下右邊是未使用.9.PNG的對比圖，而且也不是我們要的效果：

 

到這裡為止，我們已經基本會製作.9.PNG圖片了。為了知識體系的全面性和深入性，我們繼續。

4.使用Draw9Patch.jar製作9.PNG圖片之定義內容地區。
      是不是覺得上面那張圖文字和邊距挨的太近，好，我們使用right和bottom邊的線來定義內容地區，來達到增大內邊距的目的。

我們定義了一個很小的內容地區，其他的地方則自動充當邊框，從而使內邊距顯的很大，如，
 

呵呵！ok了！

5.製作.9.PNG的進階技巧。
       對於初學Draw9Patch的人來說，這可以算是進階技巧，那就是：展開地區，可以不是連續的，可以不止一塊，而且是和自訂的邊框線的長度成正比。
       直接說明：

........