前言： 最近又使用到了。9圖片，因?yàn)橹皼]有記錄還是走了不少?gòu)澛返摹Ｋ院糜浶圆蝗鐮€筆頭。在此記錄一下。希望對(duì)不明白的同學(xué)有所幫助。簡(jiǎn)單介紹下點(diǎn)9圖片的作用，比如微信里的聊天氣泡，因?yàn)槲覀冚斎氲膬?nèi)容是隨機(jī)的，所以聊天氣泡背景的形狀是不固定的，可大可小，可長(zhǎng)可短。這個(gè)時(shí)候就可以利用1張點(diǎn)9圖片來(lái)解決這個(gè)變化的問題。

一、選擇一張普通的圖片右鍵，創(chuàng)建我們的.9圖片

這里我們以ic_launcher為例，右鍵選擇Create 9-Patch file…

之后就是選擇存儲(chǔ)我們的點(diǎn)9圖片，記住一定要放在drawable文件夾里。

二、編輯點(diǎn)9圖片。

2.1、編輯拉伸區(qū)域

圖片上邊和左邊表示的是圖片拉伸區(qū)域。可以直接按住鼠標(biāo)左鍵，想畫筆一樣。畫上你想拉伸的區(qū)域。畫上以后，當(dāng)然也能去調(diào)整(當(dāng)然也能取消，按住shift后相當(dāng)于橡皮檫功能，按住鼠標(biāo)左鍵去畫你擦掉的地方即可)

我這里拉伸了小機(jī)器人的頭部和眼睛下面的一小塊。這里需要額外注意的點(diǎn)：

這個(gè).9圖片要設(shè)置在background里才會(huì)生效。

imageView里的src里設(shè)置是無(wú)效的無(wú)效的無(wú)效的

效果如下(可以看到，除了拉伸區(qū)域外變形外，其他區(qū)域是保持原來(lái)的比例的。無(wú)論你的空間多大)：

2.2、編輯內(nèi)容填充區(qū)域

圖片的下邊和右邊確定了內(nèi)容填充的區(qū)域。那什么是內(nèi)容填充？我們先把下邊和右邊先畫上如圖(這里我勾選了Show content。在瀏覽圖里就展示了內(nèi)容填充區(qū)域)，我這里設(shè)置的填充區(qū)域，剛好是這個(gè)小機(jī)器人的白色區(qū)域。這里大家可以看下邊和右邊的相交區(qū)域，即是填充區(qū)域：

這個(gè)時(shí)候我們把這個(gè)點(diǎn)9圖片放置到TextView里面。然后我們給textView設(shè)置文字看看會(huì)是什么效果，可以看到文字內(nèi)容確實(shí)只出現(xiàn)在小機(jī)器人白色區(qū)域。

三、點(diǎn)9圖片的坑。需要注意

一定要放在drawable里

一定要放background里(這里我非常想解決glide能加載點(diǎn)9的方法。希望有知道的能告知，一定要是自身測(cè)試通過的)

還有一個(gè)比較特殊的情況，也需要非常注意。當(dāng)你制作的點(diǎn)9圖片本身png就足夠大的時(shí)候，你畫了拉伸區(qū)域，當(dāng)然這個(gè)時(shí)候確定了不拉伸區(qū)域。如果你不拉伸區(qū)域里有l(wèi)ogo。你會(huì)發(fā)現(xiàn)，當(dāng)你放置這個(gè)點(diǎn)9圖片的時(shí)候，他還是會(huì)變形，變形，變形。原因是自身圖片太大，放置在比較小控件的background時(shí)，拉伸區(qū)域縮到0是，未拉伸區(qū)域的大小還大于控件的大小區(qū)域，自然會(huì)變形，給人一種點(diǎn)9圖片不生效的感覺。希望注意

總結(jié)

以上是生活随笔為你收集整理的android 点9图使用教程,Android Studio中点9图片的详细使用教程的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。