---

一、拉伸规则

---

注意，对话框图片边缘至少要保留1PX空白间距，留给画黑线(点)。

1.拉伸区域(左上)：拉伸图片的宽高

---

• 当指定了对话框的宽高的数值时，横向拉伸区域和纵向拉伸区域就会被拉伸成指定的高和宽。
• 当没有指定对话框的宽高的数值时，横向拉伸区域和纵向拉伸区域会根据要显示的内容自动调整。

2.内容区域(右下)：显示文字

---

• 为了让文字被输入框完整包裹，所画黑线的区域就是你文字显示的区域。
• 一般不是线，不是点。因为文字显示的区域会自动拉伸，旁边的留白长度不会变化，所以如果是点的话，留白会很大。

3.例子：

---

二、制作

---

1.AS中创建

---

下载一个png图或是在ps里面画一个图保存为png（原图片必须是png格式）
再在AS里面转化为.9.png图

2.AS中编辑

---

选项：

• Zoom: 用来缩放左边编辑区域的大小
• Patch scale: 用来缩放右边预览区域的大小
• Show lock：当鼠标在图片区域的时候显示不可编辑区域
• Show patches：在编辑区域显示图片拉伸的区域
• Show bad patches：在编辑区域显示不好的图片拉伸的区域
• Show content：在预览区域显示图片的内容区域

画线：

• 左键点击：画黑线
• Shift+左键点击：取消已存在的黑线

PS：
编辑完成后，如果点九图和原图名字一样的话，要把原来的图片删（虽然多了个“.9”，但还是有冲突）。