在android開發(fā)的過程中我們經(jīng)常因?yàn)闆]有好的美工圖片失真，這樣使界面看起來要遜色很多，有的時(shí)候可能我們會(huì)想在drawable-hdpi,ldpi,mdpi下放不同分辨率的圖片，這樣雖然可以有效避免圖片失真，但是這樣一是麻煩而是圖片資源似的整個(gè)項(xiàng)目太大。所以有時(shí)候我們想要是有些圖片可以拉伸而不失真多好啊，這時(shí)候我們就要想起android為我們提供的9.png格式的圖片了，9.png格式的圖片是安卓平臺(tái)上新創(chuàng)的一種被拉伸卻不失真的玩意。

學(xué)會(huì)了這種9PNG圖片的制作，我們以后做項(xiàng)目的時(shí)候一些因?yàn)椴煌直媛识д娴膱D片就可以使用這種方式了，下面看一下它的制作過程吧。

9PNG制作的工具我們不需要下載，因?yàn)閍ndroid的sdk中已經(jīng)自帶了這個(gè)工具了，在tools目錄下找到draw9patch.bat，雙擊會(huì)出現(xiàn)如圖： 

然后把我們想要制作的圖片，直接拖動(dòng)到上面的工具里面，會(huì)出現(xiàn)類似如下圖：

將鼠標(biāo)放在白色邊框，點(diǎn)住左鍵不放拖動(dòng)，會(huì)出現(xiàn)黑色線條如圖：

1號(hào)黑色條位置向右覆蓋的區(qū)域表示圖片縱向拉伸時(shí)，只拉伸該區(qū)域 

2號(hào)黑色條位置向下覆蓋的區(qū)域表示圖片橫向拉伸時(shí)，只拉伸該區(qū)域

3號(hào)黑色條位置向左覆蓋的區(qū)域表示圖片縱向顯示內(nèi)容的區(qū)域（在手機(jī)上主要是文字區(qū)域）

4號(hào)黑色條位置向上覆蓋的區(qū)域表示圖片橫向顯示內(nèi)容的區(qū)域（在手機(jī)上主要是文字區(qū)域）

沒有黑色條的位置覆蓋的區(qū)域是圖片拉伸時(shí)保持不變（比如，如果圖片的四角為弧形的時(shí)候，當(dāng)圖片被任意拉伸時(shí)，四角的弧形都不會(huì)發(fā)生改變）

右邊3個(gè)紅色圖形區(qū)域?yàn)轱@示當(dāng)前拉伸效果

選擇好區(qū)域后，點(diǎn)擊左上file-》save 9-path，保存圖片，后綴名為xxx.9.png。這樣就制作成功了，然后就可以把這張圖片扔到drawable-hdpi相應(yīng)的目錄下了。

最新評(píng)論