德克云技术联盟

标题: 认识.9.PNG图片和制作方法 [打印本页]
作者: 马文婷    时间: 2015-1-13 10:25
标题: 认识.9.PNG图片和制作方法
信息来源：百度百科

一、认识.9.png
      .9.PNG是安卓开发里面的一种特殊的图片，这种格式的图片通过ADT自带的编辑工具生成，使用九宫格切分的方法，使图片支持在android 环境下的自适应展示。

什么叫.9.PNG呢，这是安卓开发里面的一种特殊的图片
这种格式的图片在android 环境下具有自适应调节大小的能力。
（1）允许开发人员定义可扩展区域，当需要延伸图片以填充比图片本身更大区域时，可扩展区的内容被延展。
（2）允许开发人员定义内容显示区，用于显示文字或其他内容

如下图所示：


左侧和上方的黑线交叉的部分即可扩展区域
右侧和下方的黑线交叉的部分即内容显示区域(如做button背景图时，button上文字的显示区域)
用它可以实现部分拉伸，从而实现图片在安卓系统上的完美应用
拆过系统framework-res.apk包的机油们细心点看，里面有许多有.9.PNG后缀的图片
这些图片是经过安卓的工具进行特殊处理过的，如果不处理的话，直接用PNG图就会有失真，拉伸不正常的现象出现。
有些图片的边上有红线（如下图），它表示在这图片为背景的容器组件上子组件所能放置的区域（需要和黑线的扩展结合起来看）。



二、.9.png图片的制作

.9.png图片制作
           java的jdk、android的sdk中tools目录下的draw9patch.bat （文章最后可下载）
制作过程
          首先我们准备一张需要拉伸的图片，然后将draw9patch.bat打开后，把我们准备的图片拉拽到draw9patch中进行编辑。相信大家已经看到了第二幅图中的黑色的横线条了吧，这个横线条就是通过鼠标左键点击生成的，上端的黑色横条表示图片在水平方向上可以拉伸的区域，左边的黑色横条表示图片可以在竖直方向上被拉伸的区域, 右边黑色条位置向左覆盖的区域表示图片纵向显示内容的区域，底边黑色条位置向上覆盖的区域表示图片横向显示内容的区域。
去除.9.png黑线
      其实按照上面的步骤，我们只做出来的.9图片已经可以用了，但是有时候觉得黑线不好看的，可以用工具去除掉黑线，所用工具工具xUltimate-d9pc-x86，把要去除黑线的图片放到example1\res\drawable-hdpi目录下，然后点击xUltimate-d9pc.exe，运行，等一两秒，滴答一声就完成了去除黑线。
      处理好的.9图片在done\example1\res\drawable-hdpi 目录下，把图片复制出来就可以用了，即是.9.png格式的图片又非常美观。

      进行9.png图片制作的过程如下图：


下载.9.png图片制作工具
draw9patch.bat (1.33 KB, 下载次数: 2557)







欢迎光临 德克云技术联盟 (http://www.decoclouds.com/)