android中，.9的图片应用还是比较多的，.9图片和普通图片的区别就是指定了拉伸区域和内容的显示区域
来来来，上图
图一
图二
来来来，我们先看看图片，as当中，已经给出了拉伸的情况，右侧的三张预览图片就是左侧的.9图片拉伸后的效果，上面已经说了，左侧和上侧的黑边表示拉伸的区域，也就是说左右拉伸的时候，处于上侧黑边的区域内是可以拉伸的，同样的道理，上下拉伸的时候，左侧黑边区域是可以拉伸的
看下面这张图，灰色部分就是可以可以被拉伸的区域（四个角的4个小扇形再无论怎么拉伸的情况下都是不会变的）：
图三
下面来看一下实际的效果，
图五
看上图，124是 .9 图片作为背景的，而35是普通图片作为背景的，从12可以看出，这两个的四个角的大小是不会变的，不论你怎么拉伸，都是一样的（看1的左下角和2的左上角，如果不够明显就看4 5 就很明显啦），而3就不一样了，随着拉伸，四个角就会相对应的也拉伸（看2的左下角和3的左上角）。
由此可以得出的是， .9的图片拉伸的时候只是可拉伸的区域拉伸了，而不是 .9 的图片，拉伸是图片整体的拉伸。
下面来看 .9 图片的右下两侧的黑边，这两黑边表示内容的区域。就是当你 .9 图片作为背景的时候，如果右下两侧的黑边不是全部的话，那么就相当于这个背景自动带有padding属性，我是这么理解的，哈哈！
我们来看 图五 的2和3，2是用 图一 的 .9 图片作为背景的，而 3 是不是 .9 图片作为背景的，因为图1的图片的右下两侧可以看出，内容区域并不是整张图片，而是整张图片的中心区域，而 3 是用普通图片作为背景的，所以内容是不做限制的，看图五左侧的那条黑色的竖线，就很明白了，很明显的是，2的前面还留有一定的空隙，而3是没有的，这就对了嘛，内容区域在中间嘛。
好了，现在来解释一下图五的2、4 两个为什么2的文字前面会留有一定的空格，而4却没有， 再来看看图一和图二两张 .9 图片，图一的下侧可以看出，内容区域是中间，左侧会留有一定的空位，而图二的下面的黑边可以看出，内容区域为整张图片，所以，就会出现图五中的2和4是不同的情况，就是因为两个背景图片的内容区域不一样。就这么简单。
最后，我知道我前面说话实在是太啰嗦，各位看官凑合着看吧！写的确实不好！欢迎各位吐槽吧！
网友评论