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



 

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

效果图



 

  • 大小: 3.9 KB
  • 大小: 3.6 KB
  • 大小: 4.1 KB
  • 大小: 4.4 KB
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值