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交叉区域即为内容显示区



?

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

效果图



?

郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。