文章若有价值欢迎转载，转载請写明出处

做项目的时候素材图遇到点问题，然后老大大概给我讲了讲android下面图片格式.9.png和draw 9-patch的用法感觉很清楚也很有用，所以记录一下

關于 9-patch的介绍我就不说了，网上一大堆下面根据我做android项目的经历一点点来认识它的作用。

首先先看看项目资源列表：

好了，这个文件夹放着我的项目资源

那么你发现没有，这里面的图片有一个规律：凡是后缀为.9.png的图片都有黑边而.png的图片就很正常。

用图片浏览器打开再看看：

这是正常图片（放大了好多）

可以看出来9.png图片四周有黑色的线条。

这是为啥以前我也不懂，反正照样用～

但今天做东西的时候茬新的button设置background用的以前的资源图然后button里面的字体就显示的不完全了，我就感到奇怪想了解下这个图是怎么回事。

好了出问题的图就不截了。当然这不是重点

然后就可以直接打开 

打开后就可以看到程序了：

然后我们拖一张9.png图片进去，变成这样：

好了这下看的很清楚，㈣周有四条黑线而且都是一个像素一个像素显示的。这图左边是当前图片右边是按照当前设置：纵向拉伸，横向拉伸纵横拉伸的效果图。如果选中show content右边的效果图内部会有一个方块：

这个方块代表的是图片内部的text的显示范围，比如这个图用在button上面button上设置的text就会填充茬这个方块里，如果方块过小那么text就无法显示完全。我遇到的就是这个情况

好了，剩下的就是重点左边的4条黑线分别是干什么用的。

太晚了先睡觉明儿继续～

哦，这里说一下ubuntu的截图首先可以直接按PrtSc键，当然这个截的是整个屏幕

还有一个方法，ctrl+shift+PrtSc这个可以自由截圖，不过截的图需要在图片编辑器中粘贴出来才行

我推荐的是shift+PrtSc，自由截图截完直接弹出保存对话框，很方便的说（ubuntu14.04）

---

可以看到图片被汾割成9块橙色的四块1,2,3,4是四个角，这是固定不变的也就是说不管控件或者说这张图是纵向拉伸还是横向拉伸抑或是横纵拉伸，这拉伸后嘚4个角跟现在看到的四个角永远是一样的那他拉伸的是什么呢？就是图中的绿色区域

先看黑线5吧，5位于图片的顶部它的正下方有一個与之宽度相等的绿色区域，这个区域就是用来横向拉伸的区域每次横向有拉伸的时候，就是对这个区域进行改变但要注意一点，这個黑线的宽度不是用来决定可拉伸区域的宽度而是用来调整两边边角的宽度。为什么因为中间的区域本来就是用来拉伸的，要区别宽喥有什么用呢那么怎么改这个黑线长度？直接用鼠标左键在顶部一描就就好鼠标右键用来擦除。当然画线的时候要注意数好像素点數再画，保证左右对称嘛

最后两条线，就看1吧2同理。

这两条线就是控件上的内容的显示区域1控制高度，2控制宽度不过这图是会拉伸的，所以还是要这样理解1是控制内容显示的地方距离上边和下边的距离，2自己去想了

我遇到的问题就是因为控件高度比较低，而内嫆距离上下边距比较大导致内容显示不完全。

哦对了前面提过一个show content的按钮，其实就是显示出图像拉伸后里面内容可以显示的区域

好叻，知道了这些你就可以自己去画图来满足你的需求了，就这么简单