android 9.png图片详解

一、何为.9.png

.9.PNG是标准的PNG格式，该图片默认后缀是.9.png而得名，只是在最外面一圈额外增加1px的边框，这个1px的边框就是用来定义图片中可扩展的和静态不变的区域。 在Android中以9.PNG格式的图片未背景，则能够自定义拉伸而不失真，比如系统的Button就是一个典型的例子。

这种格式的图片在android 环境下具有自适应调节大小的能力。

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

   （2）允许开发人员定义内容显示区，用于显示文字或其他内容

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

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

 

   

二、何用

如下图所示，在不同分辨率下白色图标会变形；文字把图标盖住了。这个时候就可以使用9.png定义可扩展内容区域和内容区域

 三、使用

1、制作

我们使用谷歌提供的Draw9Patch(运行android-sdk-windows\tools目录下的Draw9Patch.bat)来制作.9.PNG图片。打开一张png图片，在图片最外层有一圈1px的像素边框，鼠标按住可以拖动。

如图所示，图中left和top黑边交叉区域即为可扩展区域（红线标识）

 right和bottom交叉区域即为内容显示区

 

保存图片，使用该图片，可以让图片在不同分辨率下白色图标不变形；文字内容也显示在白色图标右侧。

效果图