也谈下 .9.png (点9图)在android 中的使用

原创 2015年07月08日 16:26:32

1、概述

.9.png的使用android中是很广泛的,只是有点惭愧做安卓app做了好久了,也没去细究.9.png,有时候就会在这些小细节上浪费时间,记录下


2、问题:

比如图片漏光,圆角的地方无法填充,照成内容和外围背景无法紧靠。


3、细究:

参考:http://www.cnblogs.com/lwbqqyumidi/p/3373070.html

主要就是对.9.png上下左右四条线的明确理解


左边线条:当图片进行纵向拉伸时,由此线条从图片左边水平位移到图片右边所形成的区域都是可以进行纵向拉伸的,此区域外则不进行拉伸,保留原来效果;


上边线条:当图片进行水平拉伸时,由此线条从图片上边垂直位移到图片下边所形成的区域都是可以进行横向拉伸的,此区域外则不进行拉伸,保留原来效果;


右边线条:控制图片填充内容的垂直padding留白;


下边线条:控制图片填充内容的水平padding留白


注意:有些人说右边,和下边线可以省略是不大好的,容易出问题,比如写字就写不上去了。而我有个习惯把左右做成一样,上下做成一样也是为了图方便就不用细究哪根是哪个作用了,也是不严谨的才会遇到漏光的问题。那么以上对四条线的描述个人认为也是比较抽象。还是参考官方的介绍:


4、官方形象描述

http://developer.android.com/tools/help/draw9patch.html


官方的这个图我觉得是最形象的表达四根线的用法了。左上两根线表达的是,.9.png本身作为背景的拉伸区域情况。而右下两根线表达的是.9.png内部childView padding布局的区域


相关文章推荐

一张图让你搞懂Android .9.png图片及其制作与使用

让你彻底搞清楚Android.9图的制作和使用
  • xhmj12
  • xhmj12
  • 2016年08月08日 16:32
  • 282

Android .9.png “点九”图片的使用

“点九”图片概述 “点九”是andriod平台的应用软件开发里的一种特殊的图片形式,文件扩展名为:.9.png。 我们都知道android平台有多种不同的分辨率,很多控件的切图文件在被放大拉伸...

【Android】点9 png图的制作说明及意义

总结: 左边的点代表垂直拉伸的区域, 上边的点代表水平拉伸的区域。 右边的点代表文字等的垂直可可显示区域, 下边的点代表文字等的水平可显示区域。 ...

Android点九图(.9.png)的特点和制

看了一下,觉得这个NinePng九图神器App还不错,帮忙推荐一下。 转自http://blog.csdn.net/sasoritattoo/article/details/4245...

Android界面设计中的.9.png使用

  • 2014年07月18日 13:51
  • 683KB
  • 下载

如何在Android Studio中潇洒的使用.9.png

如何在Android Studio中潇洒的使用.9.png .9.png可以保证图片在合适的位置进行局部拉伸,避免了图片全局缩放造成的图片变形问题。但是由于Android Studio对于.9图片...

Android中的.9.png图形的机制及制作和使用方法

智能手机中经常有自动横屏的功能,同一幅界面在随着手机(或平板电脑)中的方向传感器会改变显示的方向,在界面改变方向后,界面上的图形会因为长宽的变化产生拉伸,造成图形的变形.例如下面一个在竖屏时正常显示的...
  • zj_133
  • zj_133
  • 2012年02月17日 20:44
  • 1051

Android Studio中如何制作和使用.9.png(Nine Patch)图片

原理在Android应用开发计程中,为了适配不同的手机分辨率,图片大多需要拉伸或者压缩,这样就出现了可以任意调整大小的一种图片格式“.9.png”。这种图片是用于Android开发的一种特殊的图片格式...

Android Studio有关.9.png图片的使用

Android Studio有关.9.png图片的使用 可能很多人在使用Android Studio或者其他什么开发平台的时候有这样的需求:当图片在拉伸的时候,很多不需要被拉伸的位置跟着被拉伸了,导...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:也谈下 .9.png (点9图)在android 中的使用
举报原因:
原因补充:

(最多只允许输入30个字)