做的項(xiàng)目中有聊天功能苦酱,于是馬上想到了之前看的《第一行代碼》上有制作Nine-Patch圖片的方法。由于之前沒(méi)用過(guò)這玩意兒给猾,所以趕緊翻書(shū)...
書(shū)上原話是這樣說(shuō)的:
《第一行代碼》
于是我馬上找到了電腦中 Android
- sdk
- tools
目錄疫萤,如下圖。定睛一看敢伸,咦扯饶?!沒(méi)有書(shū)上說(shuō)的那個(gè) draw9patch.bat
文件池颈,這可如何是好拔残颉?
tools目錄下
還好躯砰,上網(wǎng)查了一下每币,在Android studio內(nèi)部可以直接生成.9文件。只用右鍵點(diǎn)擊圖片琢歇,在選項(xiàng)中有一項(xiàng) Create 9-patch file...
兰怠,點(diǎn)擊就行了梦鉴。
然后,我滿懷信心的右鍵點(diǎn)擊圖片揭保,咦肥橙?!怎么沒(méi)有這個(gè)選項(xiàng)掖举?
咦快骗?
原來(lái) .9 圖只是特殊的png圖片,并不是任何格式的圖片都能做成 .9 圖的塔次。必須用png格式圖制作,最后制作完成后會(huì)以 .9.png 后輟保存名秀。
換了個(gè)格式励负,嗯,有 9-patch 選項(xiàng)了匕得,一切都是辣么的順利继榆,哈哈。
Create 9-patch file...
點(diǎn)ok汁掠,然后打開(kāi).9.png文件出現(xiàn)下圖略吨,我們把需要拉伸的地方用鼠標(biāo)涂黑,就制作完成了考阱。右邊可以預(yù)覽拉伸后的效果翠忠,還不錯(cuò)。
bubble_blue.9.png
順便提一下乞榨,如果覺(jué)得黑邊涂抹錯(cuò)了秽之,按住 shift
鍵用鼠標(biāo)劃一下就可以擦掉了。還有吃既,最后把原png圖刪掉考榨,一定要?jiǎng)h掉,否則在引用時(shí)出現(xiàn)引用錯(cuò)誤而沒(méi)有效果鹦倚。
總結(jié)結(jié)束河质。