在androidSDK下的tools文件夾下找到draw9patch.bat，雙擊打開(kāi)后，導(dǎo)航欄點(diǎn)擊File->Open 9-patch將message_left.png加載進(jìn)來(lái)。操作完畢后，點(diǎn)擊File->Save 9-patch進(jìn)行保存，此時(shí)文件名就是message_left.9.png。
可以看到圖片被分割成9塊，橙色的四塊1,2,3,4是四個(gè)角，這是固定不變的。也就是說(shuō)不管控件或者說(shuō)這張圖是縱向拉伸還是橫向拉伸抑或是橫縱拉伸，這拉伸后的4個(gè)角跟現(xiàn)在看到的四個(gè)角永遠(yuǎn)是一樣的。那他拉伸的是什么呢？就是圖中的綠色區(qū)域。
先看黑線5吧，5位于圖片的頂部，它的正下方有一個(gè)與之寬度相等的綠色區(qū)域，這個(gè)區(qū)域就是用來(lái)橫向拉伸的區(qū)域，每次橫向有拉伸的時(shí)候，就是對(duì)這個(gè)區(qū)域進(jìn)行改變。但要注意一點(diǎn)，這個(gè)黑線的寬度不是用來(lái)決定可拉伸區(qū)域的寬度，而是用來(lái)調(diào)整兩邊邊角的寬度。為什么？因?yàn)橹虚g的區(qū)域本來(lái)就是用來(lái)拉伸的，要區(qū)別寬度有什么用呢？那么怎么改這個(gè)黑線長(zhǎng)度？直接用鼠標(biāo)左鍵在頂部一描就就好，鼠標(biāo)右鍵用來(lái)擦除。當(dāng)然，畫(huà)線的時(shí)候要注意數(shù)好像素點(diǎn)數(shù)再畫(huà)，保證左右對(duì)稱嘛。
黑線6同理。
最后兩條線，就看1吧。2同理。
這兩條線就是控件上的內(nèi)容的顯示區(qū)域，1控制高度，2控制寬度。不過(guò)這圖是會(huì)拉伸的，所以還是要這樣理解，1是控制內(nèi)容顯示的地方距離上邊和下邊的距離，2自己去想了。
總結(jié)：上和左兩條黑線已經(jīng)確認(rèn)了寬高可拉伸的區(qū)域。下和右兩條黑線是為了控制內(nèi)容顯示的區(qū)域。
