本文详细介绍了九宫格图片文件在UI设计中的应用方式及技巧，包括如何通过在图片四周添加黑边来控制图片的拉伸区域和内容显示区域。文章还提供了相关软件的链接和预览效果网站，帮助设计师更直观地理解操作过程。
.9.png格式的图片文件可以根据内容的多少进行自动的拉伸，因此在UI设计中经常会用到。
绘制.9.png格式的图片是很容易的，只需要在原来图片四周的边界处，根据需要加1像素宽的黑边即可。网上可以找到很多这样的软件。
重要说一下，这四条黑边分别有什么用：
1：左、上两条黑边，控制的是图片可以被拉伸的区域，通常都设定在纯色部分；
2：右、下两条黑线控制的是内容可显示内容的区域，也就是说这两条黑线外的区域不能显示内容，会被空出来。
另外可以参考Android开发者向导中的详细介绍：http://developer.android.com/guide/topics/graphics/2d-graphics.html#nine-patch
下面这个网站可以预览效果，能加深理解：http://draw9patch.com
扫一扫
1293
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
