前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >ImageView ScaleType 解析

ImageView ScaleType 解析

作者头像
全栈程序员站长
发布2022-06-24 21:07:13
4550
发布2022-06-24 21:07:13
举报

大家好,又见面了,我是你们的朋友全栈君。

代码语言:javascript
复制
    public static enum ScaleType {
        MATRIX,
        FIT_XY,
        FIT_START,
        FIT_CENTER,
        FIT_END,
        CENTER,
        CENTER_CROP,
        CENTER_INSIDE;

        private ScaleType() {
        }
    }

由代码中可以看出ScaleType有八种属性。我们先上对比图,再分析各个属性的不同。

ImageView ScaleType 解析
ImageView ScaleType 解析
代码语言:javascript
复制
  • matrix:不改变原图的大小,从ImageView的左上角开始绘图,原图超过ImageView大小的部分不做显示,裁剪掉。
  • fitXY:按照ImageView的大小显示,拉伸图片,填满ImageView。
  • fitCenter:将原图按比例缩放到ImageView的高度或者宽度,居中显示。
  • fitEnd:将原图按比例缩放到ImageView的高度或者宽度,在ImageView的底部显示
  • fitStart:将原图按比例缩放到ImageView的高度或者宽度,在ImageView的上部显示
  • center:不改变原图的大小,在原图的中心部分显示在ImageView的中心,当原图超过ImageView不做显示,裁剪掉。
  • centerCrop:以原图填满ImageView为目的,如果原图size大于ImageView的size,则与center_inside一样,按比例缩小,居中显示在ImageView上。如果原图size小于ImageView的size,则按比例拉升原图的宽和高,填充ImageView居中显示。
  • centerInside:以原图正常显示为目的,如果原图大小大于ImageView的size,就按照比例缩小原图的宽高,居中显示在ImageView中。如果原图size小于ImageView的size,则不做处理居中显示图片。

从上面的解析中,我们可以看出:

  1. FIT_开头的4种,它们的共同点是都会对图片进行缩放;
  2. CENTER_开头的3种,它们的共同点是居中显示,图片的中心点会与ImageView的中心点重叠;
  3. ScaleType.MATRIX,单独一种。

发布者:全栈程序员栈长,转载请注明出处:https://javaforall.cn/151804.html原文链接:https://javaforall.cn

本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档