android 9patch制作

        NinePatch图片以*.9.png结尾,和普通图片的区别是四周多了一个边框(如下图所示):

                                

        如上图所示,左边那条黑色线代表图片垂直拉伸的区域,上边的那条黑色线代表水平拉伸区域,右边的黑色线代表内容绘制的垂直区域,下边的黑色线代表内容绘制的水平区域,右边和下边的线是可选的,左边和上边的线不能省略。

        采用NinePatch图片做背景,可使背景随着内容的拉伸(缩小)而拉伸(缩小)。那么如何将普通的PNG图片编辑为NinePatch图片呢, Android  SDK/tools目录下提供了编辑器draw9patch.bat,双击即可打开,使用起来很简单了,主要有以下选项:

  • ? Zoom: 用来缩放左边编辑区域的大小
  • ? Patch scale: 用来缩放右边预览区域的大小
  • ? Show lock: 当鼠标在图片区域的时候显示不可编辑区域
  • ? Show patches: 在编辑区域显示图片拉伸的区域 (使用粉红色来标示)
  • ? Show content: 在预览区域显示图片的内容区域(使用浅紫色来标示)
  • ? Show bad patches: 在拉伸区域周围用红色边框显示可能会对拉伸后的图片产生变形的区域,如果完全消除该内容则图片拉伸后是没有变形的,也就是说,不管如何缩放图片显示都是良 好的。(实际试发现NinePatch编辑器是根据图片的颜色值来区分是否为bad patch的,一边来说只要色差不是太大不用考虑这个设置。)

例子:

NinePatch是一种很有用的PNG图片格式,它可以在特定区域随文字大小进行缩放。如下:



从上图可以看到,背景图片的中间区域会随着文字的大小进行缩放。背景图片是一张NinePatch图片。 NinePatch图片可以使用android自带的draw9patch工具来制作,该工具在SDK安装路径的tools目录下。执行该工具,然后点击“File”->“open 9-path”打开一张用于制作NinePatch图片的原来图片。在画布的上方和左方的边上画线指定缩放区域,
勾选“Show patches”可显示画定的区域,绿色
为固定大小区域,红色为缩放区域,文字会摆放在红色
区域。制作完后,点击“File”? “save 9-path”保存
图片,draw9patch工具会自动为图片加上*.9.png后缀。
把制作好的图片拷贝进项目的res/drawable目录,然后
编写代码。如下:

 

android 9patch制作_第1张图片

 

参考:http://blog.sina.com.cn/s/blog_5033827f0100r4dm.html

你可能感兴趣的:(android,9patch)