简介
由于之前.9图片使用的不是很频繁,所以就导致很久没用就有点忘记了,再用的话还得去搜!
刚好最近使用到了.9图片,所以干脆写下来,下次就不用在找资料了。
Paste_Image.png
屁话少说,直接开始
下面以制作聊天气泡图的.9图作为演示
- 在需要原图片上新建一个.9文件
-
注意:创建完成之后原图删除,不然可能运行失败!
Paste_Image.png
-
创建完成之后打开.9图显示的是这个页面
Paste_Image.png
左边是可编辑区域,右边是表示拉伸的预览区域
- 下面开始编辑.9图
Paste_Image.png
- 说明:我现在制作一个聊天气泡,背景图可随文字的大小而拉伸
- 左上绘制黑线:黑线绘制的部分表示图片的纵向和横向拉伸的区域
- 右下绘制黑线:黑线绘制的部分表示图片中的内容的横向和纵向的位置
- 我们可以看到右边的预览区域,展示了横向与纵向拉伸的效果图
- 绘制完成我们直接在布局中使用就可以了,这样我们的聊天气泡图就出来了!
注意:左上拉伸,右下内容位置
OK,结束!
Paste_Image.png
