天天看点

Android的9patch 图片(xx.9.png 图片) 的特点和制作

  一 .9.png 格式的文件的特点

   废话少说,安卓为了支持这些不同该屏幕尺寸,做了一种可以伸缩自如像孙悟空的金箍棒一样的 的图片--简称点九图。

   与传统的png 格式图片相比, 9.png 格式图片在图片四周有一圈一个像素点组成的边沿,该边沿用于选择图片的可扩展区和内容显示区。 

   (1)允许开发人员定义可扩展区域,当需要延伸图片以填充比图片本身更大区域时,可扩展区的内容被延展。

   (2)允许开发人员定义内容显示区,用于显示文字或其他内容

    左侧和上方的黑线交叉的部分即可扩展区域

    右侧和下方的黑线交叉的部分即内容显示区

Android的9patch 图片(xx.9.png 图片) 的特点和制作

------------

上面那段话如果读不清,其实就是说,左边和上边两条线用来定义,这个图片的那个部分可以拉伸。

而右边和下边用来定义,我们文字可以显示在这张图片的那个范围。(这样也就能理解padding box, 距离上下左右的间距,就是我们常用的padding啦, eg: 右边的黑线 距离上下有点距离,那段距离就是我们设置的android:paddingTop=""和android:paddingBottom=""的意思啦。这样就明白了吧。)

 demo.这样我们就得到了一个可拉伸的点九图啦。

这个工具在你的sdk\tools\draw9patch

Android的9patch 图片(xx.9.png 图片) 的特点和制作