android屏幕适配之点9图片

 之前就接触过点9图片，因为一直没有实际用过，所以当时也就马马虎虎的看了一遍，对于点9图片不是很 懂，今天认真仔细的研究了一下，只想说一句，妈的，这玩意真好！

 言归正传不扯淡，点9图片就是为了解决因屏幕适配引起的图片失真等一系列问题，比如我们做一个类似

微信消息的组件，就是一个设置了背景图片的按钮

有以下几种情况会发生：

1、你的手机手机屏幕宽度变宽，就会出现这样的情况：

不知道细心的你们发现没有，这个横向的拉伸是整体的横向拉伸，从而导致图片横向上看起来已经严重变形，

丑的一比，同理纵向拉伸也是一样。ok，那我们就来解决这个问题，解决的方法也许有很多种，但是我要用

的肯定是点9图片，要不然墨迹这么多有个毛线用，那我们就来认识一下点9图片，制作点9图片要设置一张

图片的四条边：

左边的一条黑边：设置你这张图片在纵向需要拉伸的时候拉伸的区域，你设置的区域如果在图片进行拉伸

   的时候，只有这部分会进行拉伸，黑边以外的区域纵向上是不动的，当然你可以指定多

   条黑边。

上边的一条黑边：同左边的一条黑边

总结一下就是左边和上边的黑边是用来设置需要拉伸的区域，黑边可以设置多条，即设置多个拉伸区域

至于右边和下边的黑边是用来干什么的，简单说一下就是用来设置显示区域，这里先卖个关子，一步一步

看就知道怎么用了，当时我也是没有完全明白。

我们来解决上面提出的第一个问题（屏幕变宽导致的横向失真变丑），用点9图片来解决，问题来了，用

什么制作点9图片呢，百度一下就知道了，哈哈哈，我用的是SDK下面的工具哈

工具位置：sdk\tools\draw9patch.bat。

这是我制作的点9图，我们还是拿横向拉伸来举例，当我的图片需要拉伸的时候，我拉伸的区域是上图中

上边的黑边所在的区域，

OK，让我们看一下实际的效果，如下图

OK，成功了，一半。。。。接下来我们说第二个问题

2、当你的文本变多的时候，你会发现，即使你设置了拉伸区域也还是会出现问题的，如下

恩？？？，what fu*k，这怎么又这么丑了，说好的文本居中呢，拉伸倒是有了，不过怎么这么丑，为什么

文字都显示到图片外边了，就不能好好地躺在图片正中心么？接下来就要说一下刚才没有说完的另外两条边

了，设置点9图片的右边和下边，用来设置显示区域，我现在的需求就是想让文本显示在图片的中心位置，

那我们就可以这样设置:

经过以上的设置，内容的显示区域变成这样

通过点9设置图片的右边和下边后，我们来看一下效果

两食指向外一划，完美（画面自行脑补）！！！

最后说一下点9图片的设置，在一条边上点击一点，然后等箭头变成可上下拖动的就可以按住鼠标左键进行

拖动设置了，如果想修改设置的区域，可以按住shift键同时点击鼠标左键拖动即可修改。

God bless you，God bless Android