Android 9patch 使用

最新推荐文章于 2023-01-19 17:11:32 发布

Ricky_Fung

最新推荐文章于 2023-01-19 17:11:32 发布

阅读量1.5k

点赞数

分类专栏： Android 文章标签： 9patch

本文链接：https://blog.csdn.net/top_code/article/details/12951915

版权

Android 专栏收录该内容

157 篇文章 1 订阅

订阅专栏

如上图所示，左边那条黑色线代表图片垂直拉伸的区域，上边的那条黑色线代表水平拉伸区域，右边的黑色线代表内容绘制的垂直区域，下边的黑色线代表内容绘制的水平区域，右边和下边的线是可选的，左边和上边的线不能省略。
采用NinePatch图片做背景，可使背景随着内容的拉伸（缩小）而拉伸（缩小）。那么如何将普通的PNG图片编辑为NinePatch图片呢， Android SDK/tools目录下提供了编辑器draw9patch.bat，双击即可打开，使用起来很简单了，主要有以下选项：

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

9Patch操作实例
在你Android SDK 路径下,我的电脑路径为F:\soft\android-sdk-windows\android-sdk-windows\tools\ ,你会找到一个 draw9patch.bat

然后点击运行，提示导入一张png图片，然后真正进入"9Patch "的操作界面，如下图所示：

①:在拉伸区域周围用红色边框显示可能会对拉伸后的图片产生变形的区域，如果完全消除该内容则图片拉伸后是没有变形的，也就是说，不管如何缩放图片显示都是良好的。（实际试发现NinePatch编辑器是根据图片的颜色值来区分是否为bad patch的，一边来说只要色差不是太大不用考虑这个设置。）
②:区域是导入的图片，以及可操作区域。
③:这里 zoom：的长条bar 是对导入的图放大缩小操作，这里的放大缩小只是为了让使用者更方便操作，毕竟是对像素点操作比较费眼，下面的 patch scale 是序列 ④区域中的三种形态的拉伸后的一个预览操作，可以看到操作后的图片拉伸后的效果。
④:区域这里从上到下，依次为：纵向拉伸的效果预览、横向拉伸的效果预览，以及整体拉伸的效果预览
⑤:这里如果你勾选上，那么当你鼠标放在 ② 区域内的时候并且当前位置为不可操作区域就会出现lock的一张图,就是显示不可编辑区域 ;
⑥:这里勾选上，那么在④ 区域中你就会看到当前操作的像素点在拉伸预览图中的相对位置和效果。
⑦:在编辑区域显示图片拉伸的区域;

参考：

http://developer.android.com/guide/topics/graphics/2d-graphics.html#nine-patch

http://meiyitianabc.blog.163.com/blog/static/10502212720115354948909/

http://www.cnblogs.com/qianxudetianxia/archive/2011/04/17/2017591.html