Android UI背景图片之NinePatch图片

         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的,一边来说只要色差不是太大不用考虑这个设置。)

你可能感兴趣的:(UI,PHP,android)