首页 > 移动平台 > 详细

android 9.png图片详解

时间:2015-01-06 02:19:40      阅读:256      评论:0      收藏:0      [点我收藏+]

一、何为.9.png

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

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

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

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

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

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

?

???bubuko.com,布布扣

二、何用

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


bubuko.com,布布扣
?三、使用

1、制作

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

如图所示,图中left和top黑边交叉区域即为可扩展区域(红线标识)


bubuko.com,布布扣
?right和bottom交叉区域即为内容显示区


bubuko.com,布布扣
?

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

效果图


bubuko.com,布布扣
?

android 9.png图片详解

原文:http://fly-ccy.iteye.com/blog/2172888

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!