android NinePatch图片制作

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

 

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

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

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

 Zoom: 用来缩放左边编辑区域的大小 spa

 Patch scale: 用来缩放右边预览区域的大小 orm

 Show lock: 当鼠标在图片区域的时候显示不可编辑区域 blog

 Show patches: 在编辑区域显示图片拉伸的区域 (使用粉红色来标示) 图片

 Show content: 在预览区域显示图片的内容区域(使用浅紫色来标示) ci

 Show bad patches: 在拉伸区域周围用红色边框显示可能会对拉伸后的图片产生变形的区域,若是彻底消除该内容则图片拉伸后是没有变形的,也就是说,无论如何缩放图片显示都是良好的。(实际试 发现NinePatch编辑器是根据图片的颜色值来区分是否为bad patch的,一边来讲只要色差不是太大不用考虑这个设置。) get

例子:

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

 

从上图能够看到,背景图片的中间区域会随着文字的大小进行缩放。背景图片是一张NinePatch图片。 NinePatch图片能够使用android自带的draw9patch工具来制做,该工具在SDK安装路径的tools目录下。执行该工具,而后点击“File->open 9-path”打开一张用于制做NinePatch图片的原来图片。在画布的上方和左方的边上画线指定缩放区域,

勾选“Show patches”可显示画定的区域,绿色

为固定大小区域,红色为缩放区域,文字会摆放在红色

区域。制做完后,点击“File? save 9-path”保存

图片,draw9patch工具会自动为图片加上*.9.png后缀。

把制做好的图片拷贝进项目的res/drawable目录,而后

编写代码。以下:

 

<TextView android:layout_width="wrap_content"

    android:layout_height="wrap_content"

    android:text="退出" android:textColor="#330000"

    android:background="@drawable/button"/>
相关文章
相关标签/搜索