android关于点九(.9)图片

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是不同的情况,就是因为两个背景图片的内容区域不一样。就这么简单。



最后,我知道我前面说话实在是太啰嗦,各位看官凑合着看吧!写的确实不好!欢迎各位吐槽吧!

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 176,429评论 25 709
  • 发现 关注 消息 iOS 第三方库、插件、知名博客总结 作者大灰狼的小绵羊哥哥关注 2017.06.26 09:4...
    肇东周阅读 14,731评论 4 61
  • 使用sketch最重要的一点是设计好控件的规范。 为做好设计规范需要对色彩进行编号,比如:color_a”_1,c...
    youyeath阅读 26,545评论 2 237
  • 昨天接到新的修改需求,要求有的页面不能返回,必须强制用户往下走流程,当时一听差点给跪啦!无奈啊,谁叫我是干开发的,...
    无神阅读 14,642评论 96 23
  • 昨夜,丹宝做梦哭了两次,我赶紧起床拍了拍她,后来干脆睡在了她的小床上,从那以后也没有再哭闹,只是我一直迷迷糊糊的没...
    风舞雨蹈阅读 1,270评论 0 0

友情链接更多精彩内容