`
xp9802
  • 浏览: 1183083 次
  • 性别: Icon_minigender_1
  • 来自: 广州
社区版块
存档分类
最新评论

android之.9.png文件

阅读更多

什么叫.9.PNG呢,这是安卓开发里面的一种特殊的图片,这种格式的图片在android 环境下具有自适应调节大小的能力。

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

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

.9.PNG确实是标准的PNG格式,只是在最外面一圈额外增加1px的边框,这个1px的边框就是用来定义图片中可扩展的和静态不变的区域。特别说明,left和top边框中交叉部分是可拉伸部分,未选中部分是静态区域部分。right和bottom边框中交叉部分则是内容显示部分(变相的相当于定义看一个内边距,神似padding功能),这个参数是可选的, 如下图。

在Android中以9.PNG格式的图片作为背景,则能够自定义拉伸而不失真,比如系统的Button就是一个典型的例子。

其实呢,无论是left和top,还是right和bottom都是把图片分成9块 (边角四块是不能缩放的,其他的四块则是允许缩放的),所以叫做9.PNG。

【普通拉伸和点九拉伸效果对比】

但是内容区域的标注有什么意义呢?我们来看下图:

这里程序设置的文字垂直居中,水平居左的对齐方式。对齐方式是没有问题的,但是对于这种大圆角同时又有些不规则边框的的图形来说,错误的标注方式会让排版看起来很混乱。所以我们需要修正内容区域的线段位置和长度。

把横向的内容区域缩短到圆角以内,纵向的内容区域控制在输入框的高度以内,这样文字就可以正常显示了。

分享到:
评论

相关推荐

Global site tag (gtag.js) - Google Analytics