本文介绍9patch图片的编辑方法，这种图片可以让背景图无限拉伸不失真，适用于各种UI设计场景，如QQ聊天气泡。通过指定填充区域，无论图片如何拉伸，都能保持原有样式。
9patch图片可以让某一个背景图无限拉伸而不失真， 自己制定某个区域，在图片长宽不够的时候，拿着个区域去填充空缺的区域，不管图片怎么拉伸，都不会影响。
效果如图
类似 QQ聊天气泡，左侧是原图，右侧分别是高度拉伸和宽度拉伸的效果，不管你发多少消息，或者换行，整体还是圆角矩形框框 +一个箭头。
效果如图：
制作方法很简单，**
AS3.0+集成了9patch编辑工具
**
直接在要编辑的图片上右键 就会有选项
然后选择路径就好了，打开编辑，
zoom是放大左侧的图，patch Scale就是变换效果 在右侧可以实时看到，show patches就可以看到我们设置的patch，绿色部分不变，粉红色表示在图片长宽发生改变是真的时候用来填充的区域.鼠标放上去可以直接拉伸.
扫一扫
1644
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
