http://2528.iteye.com/blog/1326647
NinePatch是一种可延展的PNG图。NinePatch的用途是制作「可随文字大小缩放」的图片,如图1
图1
其应用程式的设计如下:
- 文字部份使用TextView元件
- 使用TextView的XML attribute来设定文字大小
- 使用TextView的XML attribute来设定一张背景图
- 使用NinePatch图片做为背景图,如此一来背景图就可以随着文字大小缩放
第一:准备一张图:
第二:启动工具(直接执行Android SDK tools/目录下的draw9patch)
第三:打开png图片
第四:开始编辑图片:
粉红色区域为可延展区域,绿色部分为非延展区域
图中二条黑线的画法:
点击红线内的斑马线,就可画黑线,取消黑线需要按住shift键点击
勾选「Show patches」选项,即可显示粉紅色区域,如下图
工具菜单说明:
- ? Zoom: 用来缩放左边编辑区域的大小
- ? Patch scale: 用来缩放右边预览区域的大小
- ? Show lock: 当鼠标在图片区域的时候显示不可编辑区域
- ? Show patches: 在编辑区域显示图片拉伸的区域 (使用粉红色来标示)
- ? Show content: 在预览区域显示图片的内容区域(使用浅紫色来标示)
- ? Show bad patches: 在拉伸区域周围用红色边框显示可能会对拉伸后的图片产生变形的区域,如果完全消除该内容则图片拉伸后是没有变形的,也就是说,不管如何缩放图片显示都是良好的。(实际试发现NinePatch编辑器是根据图片的颜色值来区分是否为bad patch的,一边来说只要色差不是太大不用考虑这个设置。)