本文详细介绍了如何使用draw9patch工具制作9.png图片素材的过程，包括下载工具、解压执行、导入图片、调整边缘区域等关键步骤，并通过实例演示了如何设置拉伸效果。
如何制作9.png图片素材：
1、下载工具： draw9patch.zip 该工具SDK中自带。
2、解压，执行draw9patch.bat，会出现如图：
3、将你用PS制作的图片素材，拖到该窗口中，出现如图：
解释：中间黑红条纹部分表示不能编辑，边缘白色透明框就是上述介绍的增加的一像素边框。
4、将鼠标放在白色边框，点住左键不放拖动，会出现黑色线条如图：
解释：1号黑色条位置向下覆盖的区域表示图片横向拉伸时，只拉伸该区域
2号黑色条位置向右覆盖的区域表示图片纵向拉伸时，只拉伸该区域
3号黑色条位置向左覆盖的区域表示图片纵向显示内容的区域
4号黑色条位置向上覆盖的区域表示图片横向显示内容的区域
没有黑色条的位置覆盖的区域是图片拉伸时保持不变（比如，如果图片的四角为弧形的时候，当图片被任意拉伸时，四角的弧形都不会发生改变）
5、如果失误多选了部分，可按住shift键，点击鼠标左键去掉黑色条
6、右边3个黑色图形区域为显示当前拉伸效果
1、下载工具： draw9patch.zip 该工具SDK中自带。
2、解压，执行draw9patch.bat，会出现如图：
3、将你用PS制作的图片素材，拖到该窗口中，出现如图：
解释：中间黑红条纹部分表示不能编辑，边缘白色透明框就是上述介绍的增加的一像素边框。
4、将鼠标放在白色边框，点住左键不放拖动，会出现黑色线条如图：
解释：1号黑色条位置向下覆盖的区域表示图片横向拉伸时，只拉伸该区域
2号黑色条位置向右覆盖的区域表示图片纵向拉伸时，只拉伸该区域
3号黑色条位置向左覆盖的区域表示图片纵向显示内容的区域
4号黑色条位置向上覆盖的区域表示图片横向显示内容的区域
没有黑色条的位置覆盖的区域是图片拉伸时保持不变（比如，如果图片的四角为弧形的时候，当图片被任意拉伸时，四角的弧形都不会发生改变）
5、如果失误多选了部分，可按住shift键，点击鼠标左键去掉黑色条
6、右边3个黑色图形区域为显示当前拉伸效果
7、选择好区域后，点击左上file-》save 9-path，保存图片，后缀名为xxx.9.png，此时图片效果为：
扫一扫
2140
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
