您当前的位置： 首页 > 学无止境 > 心得笔记 网站首页心得笔记

86_9patch图片的使用

发布时间：2021-03-27 10:28:18编辑：雪饮阅读（）

 基本简介

9.PNG是什么文件?
这是Android os里所支持的一种特殊的图片格式,用它可以实现部分拉伸;这种图片是经过”9妹“进行特殊处理过的，如果不处理的话，直接用PNG图就会有失真，拉伸不正常的现象出现。
使用说明
你需要PNG图像来创建一个九宫格。
1、从一个终端(比如windows浏览器)，启动这个draw9patch应用程序，该程序位于你的SDK /tools 目录下。
2、把你的PNG图像拖放到这个工具的窗口中(或者通过File->Open 9-patch... 来定位文件)。你的工作台将被打开。左边的窗格是你的绘画区域，你可以在里面编辑可延伸的宫格和内容区域。右边窗格是预览区域，从中你可以预览图形的拉伸。
3、在1个像素周长里点击，绘制线条来定义可延伸宫格以及(可选的)内容区域。点击右键(或者在苹果机上，按住Shift并点击)取消之前画的线。
4、这些完成后，选择File > Save 9-patch...
你的图片将以.9.png 文件名保存。
注：一个通常的png文件(*.png) 加载时，将以一个空的单像素边界补充在图片周围，你可以在里面画可延伸宫格和内容区域。一个前面保存的九宫格文件(*.9.png)将以原样加载，因为这个已经存在。
9patch的安装
9patch一般也被称为是9妹。那么在早期呢，该工具一般的路径如：C:\Program Files (x86)\Android\android-sdk\tools\draw9patch.bat存放的
但是如今我的已经是Android studio环境且我配置的api28-30，所以我这里这个路径是没有9妹的。当然这个我就在网上下载了一把，地址如http://www.pc6.com/softview/SoftView_109830.html
然后我解压到C:\Program Files (x86)\Android\android-sdk\tools\目录中则，我的新的9妹目录如
C:\Program Files (x86)\Android\android-sdk\tools\draw9patch_cn\9png\ draw9patch.bat
我尝试直接把draw9patch.bat复制到C:\Program Files (x86)\Android\android-sdk\tools\中结果是无法运行的，应该是对其同目录的lib目录中的一些库的依赖，这里本人比较懒，就不复制了，大不了多了一点路径而已。
9妹的使用
9妹呢主要使用场景是对于一些害怕拉伸后会变形的图片的处理，你比如说吧。
我在之前项目中找到一个Android中的png图标

然后我们直接双击9妹的bat文件，打开9妹后我们可以复制刚才这个图标到本地路径中，或者应该也能直接打开刚才这个图片所在路径吧，具体没有试过。我这里采用的是将这个图标复制到桌面，为了方便，然后从9妹中打开，9妹打开步骤很简单，直接在左上角这里

通过这里选择刚才复制到桌面的这个图标，打开之后则如下展示效果：
右边区域中，第一个图表示的是长被缩小后可能出现的图片样式，第二个图是宽被缩小后可能出现的图片样式，最底下那个是等比缩放后可能出现的图片样式

那么如果我想要最大化保留原图并且想要缩放不变形，9妹操作方式是以四个角的，但是不可以直接点击四个点，至少给人家留四个点，那么这样以来被这8个点包围的区域就是保护区域，无论你怎么拖拽它都不变形，底部工具栏的那个zoom可以拖动缩放，patch scale处也可以拖拽以调整斑块尺度

那么如果想要保留更核心的，则可以逐一调整将边缘的这8个点，逐步扩张（肯定是按倍数比例最好咯）直到你觉得合适的程度。，在操作这些网格上的点时候，鼠标左键进行打点，鼠标右键进行撤点。
最后你处理结束后保存时比如你填写的文件名为“1”，则会生成“1.9.png”，这也就是9.png的来源。