.9图片详解

什么是.9图片

.9.png图片它是Android系统特有的一种图片格式，文件扩展名为.9.PNG。

.9图片的原理

其实相当于把一张png图分成了9个部分(九宫格)，分别为4个角，4条边，以及一个中间区域，4个角是不做拉升的，所以还能一直保持圆角的清晰状态，而2条水平边和垂直边分别只做水平和垂直拉伸，所以不会出现边缘。

.9图片与其他png jpj的区别

.9.png图片本质上还是png图片，区别是.9.png图比正常的png图片在最外围多了1px的边框，这就允许我们在这个1px的边框上定义图片的可拉伸区域以及图片的内容区域。这也就是说.9.png的制作实际上就是我们在这1px的边框上按我们的需求,把对应位置设置为黑线，然后系统帮我们自动拉伸了。

.9图片的作用

在Android的设计过程中，为了适配不同的手机分辨率，图片大多需要拉伸或者压缩，这样就出现了可以任意调整大小的一种图片格式“.9.png”

.9图片的 左上右下

绘制在L（左）的区域：用于拉伸的纵向区域。

绘制在T（上）的区域：用于拉伸的横向区域。

绘制在R（右）的区域：用于显示前景的纵向范围。

绘制在B（下）的区域：用于显示前景的横向范围。

.9图片的制作

原图

红色框区域：表示纵向拉伸的区域，也就是说，当图片需要纵向拉伸的时候它会只指定拉伸红色区域，其他区域在纵向是不会拉伸的。

绿色框区域：表示横向拉伸的区域，也就是说，当图片需要横向拉伸的时候它会只指定拉伸绿色区域，其他区域在横向是不会拉伸的。

显然红色和绿色相交的部分是既会进行横向拉伸也会进行纵向拉伸的。

蓝色区域：表示前景能显示的纵向范围。即前景的最上面可以显示到什么地方，最下面可以显示的什么地方。

黄色区域：表示前景能显示的横向范围。即前景的最左边可以显示到什么地方，最右边可以显示的什么地方。

蓝色和黄色相交部分：表示整个前景能显示的区域。一个区域是矩形的，蓝色规定了上下边界，黄色规定了左右边界，两者共同当然也就规定了一个矩形区域。

1.当内容刚好跟图片占用位置一样的时候 没有任何变化

2.当图片的宽高跟原图查局较大的时候就有很明显失真效果


ps. 没找到原png图 凑合看下第一张就好了