在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ū)域揍障。
先看黑線(xiàn)5吧,5位于圖片的頂部俩由,它的正下方有一個(gè)與之寬度相等的綠色區(qū)域毒嫡,這個(gè)區(qū)域就是用來(lái)橫向拉伸的區(qū)域,每次橫向有拉伸的時(shí)候幻梯,就是對(duì)這個(gè)區(qū)域進(jìn)行改變兜畸。但要注意一點(diǎn),這個(gè)黑線(xiàn)的寬度不是用來(lái)決定可拉伸區(qū)域的寬度碘梢,而是用來(lái)調(diào)整兩邊邊角的寬度咬摇。為什么?因?yàn)橹虚g的區(qū)域本來(lái)就是用來(lái)拉伸的煞躬,要區(qū)別寬度有什么用呢肛鹏?那么怎么改這個(gè)黑線(xiàn)長(zhǎng)度?直接用鼠標(biāo)左鍵在頂部一描就就好恩沛,鼠標(biāo)右鍵用來(lái)擦除在扰。當(dāng)然,畫(huà)線(xiàn)的時(shí)候要注意數(shù)好像素點(diǎn)數(shù)再畫(huà)复唤,保證左右對(duì)稱(chēng)嘛健田。
黑線(xiàn)6同理烛卧。
最后兩條線(xiàn)佛纫,就看1吧妓局。2同理。
這兩條線(xiàn)就是控件上的內(nèi)容的顯示區(qū)域呈宇,1控制高度好爬,2控制寬度。不過(guò)這圖是會(huì)拉伸的甥啄,所以還是要這樣理解存炮,1是控制內(nèi)容顯示的地方距離上邊和下邊的距離,2自己去想了蜈漓。
總結(jié):上和左兩條黑線(xiàn)已經(jīng)確認(rèn)了寬高可拉伸的區(qū)域穆桂。下和右兩條黑線(xiàn)是為了控制內(nèi)容顯示的區(qū)域。