簡介

由于之前.9圖片使用的不是很頻繁,所以就導(dǎo)致很久沒用就有點忘記了,再用的話還得去搜!

剛好最近使用到了.9圖片,所以干脆寫下來,下次就不用在找資料了。

Paste_Image.png

屁話少說,直接開始

下面以制作聊天氣泡圖的.9圖作為演示

• 在需要原圖片上新建一個.9文件

• 注意:創(chuàng)建完成之后原圖刪除,不然可能運行失敗!

  
  
  Paste_Image.png

• 創(chuàng)建完成之后打開.9圖顯示的是這個頁面

  
  
  Paste_Image.png

左邊是可編輯區(qū)域,右邊是表示拉伸的預(yù)覽區(qū)域

• 下面開始編輯.9圖

Paste_Image.png

• 說明:我現(xiàn)在制作一個聊天氣泡,背景圖可隨文字的大小而拉伸
• 左上繪制黑線:黑線繪制的部分表示圖片的縱向和橫向拉伸的區(qū)域
• 右下繪制黑線:黑線繪制的部分表示圖片中的內(nèi)容的橫向和縱向的位置
• 我們可以看到右邊的預(yù)覽區(qū)域,展示了橫向與縱向拉伸的效果圖
• 繪制完成我們直接在布局中使用就可以了,這樣我們的聊天氣泡圖就出來了!

注意:左上拉伸,右下內(nèi)容位置

OK,結(jié)束!

Paste_Image.png