Android設備適配，圖片方面很重要的一部分就是.9圖的使用了，我們今天就來記錄一下。
1. 什麼是.9.png圖片，和普通png圖片的區別？
.9.png圖片本質上還是png圖片，區別是.9.png圖比正常的png圖片在最外圍多了1px的邊框，這就允許我們在這個1px的邊框上定義圖片的可拉伸區域以及圖片的內容區域。這也就是說.9.png的製作實際上就是我們在這1px的邊框上按我們的需求,把對應位置設置爲黑線，然後系統幫我們自動拉伸了。
2. .9圖四個邊的黑線(黑點)的意義？
正常圖片都有四個邊,.9圖的左上(左邊和上邊兩條邊)表示可以拉伸區域,其中上面黑線(或者點)表示橫向可拉伸的區域;左邊黑線(或者點)表示縱向可拉伸的區域.在圖片拉伸時只有黑線區域內的圖像會被拉伸，黑線兩邊的圖像保持原狀。
右下(右邊和下邊兩條邊)表示間隔區域,其中下邊表示橫向填放內容的區域;右邊表示縱向填放內容的區域，在圖片拉伸時，控件內部的文字上下左右邊界只能放在黑線區域（有點類似垂直居中顯示）。
3. 製作工具？
如果你還用eclipse開發，在你sdk中的tools文件夾找Draw9patch.bat文件,這是一個Windows 批處理文件,雙擊進入界面，拖入圖片開始製作. 如果是studio直接以.9.png爲後綴,雙擊編輯進入圖片界面,選擇左下角的9-patch即可開始制，或者圖片右擊在列表選則Create 9-Patch file即可。
4.實際操作一波
我們就以一個TextView爲例，給其設置一個圖片背景，效果如下： 直接設置爲背景：
正常顯示
可以看到，如果我們的文字少還可以，如果文字過多，就會出現背景圖不能隨文字的增多而自動拉伸，真醜。 開始製作.9圖 先說一下底部複選框的含義：
image.png
1.首先我們要把圖片下方的showbad patches勾選上，此時（如果點九圖片繪製有誤的話）會看到圖片出現 報錯的區域。 2.說明一下：圖片下方的showcontent如果勾選上，會看到右側的小圖中出現藍色的區域，代表的是可以自動 拉伸的部分。 3.如果發現你的點9圖片太小或者極小，可以拖動圖片下方的zoom放大圖片，然後就可以精確操作了。
.9圖各邊框含義
image.png
處理爲.9圖之後
.9圖顯示
完畢！