安卓 ImageView 的 scaleType 用法实用总结

1 篇文章 0 订阅

安卓 ImageView 的 scaleType 用法实用总结

如果想快速决定用哪个值好,那直接跳到后面的总结吧。

ImageView 共有7种 scaleType。

  1. FIT_开头的4种,共同点是都会对图片进行缩放(只有fitXY不等比缩放);
  2. CENTER_开头的3种,共同点是居中显示,图片的中心点与ImageView的中心点重叠;
  3. MATRIX

下面一个个讲解。

FIT_

  • fitCenter(默认)
    等比缩放到某一边能够填充控件大小,且图片能完整显示,并居中。
    在这里插入图片描述

  • fitStart
    等比缩放到某一边能够填充控件大小,且图片能完整显示,并靠左或靠上显示
    在这里插入图片描述

  • fitEnd
    等比缩放到某一边能够填充控件大小,且图片能完整显示,并靠右或靠下显示
    在这里插入图片描述

  • fitXY
    图片(不等比)缩放到控件大小,完全填充控件大小显示
    在这里插入图片描述

CENTER_

  • center
    不使用缩放,显示图片的中心部分,即图片的中心点和ImageView的中心点重叠。
    若图片宽高小于控件宽高,则图片只会显示中间部分,即周围会被裁剪。也就是无论如何图片的大小都不会改变,控件大小决定可见范围。
    在这里插入图片描述 在这里插入图片描述
    如左图图片小于ImageView,则能够完全显示;右图图片大于ImageView,只能显示中间的一部分。而图片的显示尺寸并没有变化,只不过显示不全而已。

  • centerInside
    当图片小于控件时,效果与center相同,居中显示;否则,等比缩放到某一边能够填充控件大小,并居中显示。与fitCenter的区别就是centerInside的图片只会缩小,不会放大。
    在这里插入图片描述 在这里插入图片描述

  • centerCrop
    等比缩放到填充整个控件大小,并居中显示。与fitCenter的区别是centerCrop的图片会填充整个区域,所以可能会被裁剪。
    在这里插入图片描述 在这里插入图片描述 在这里插入图片描述

(注意这里图片背景为灰色,图片白色部分不属于ImageView,即ImageView已被图片占满。

MATRIX

需要与ImageView.setImageMatrix(Matrix matrix) 配合使用,指定一个变换矩阵用于指定图片如何展示。

如:

imageView.setScaleType(ImageView.ScaleType.MATRIX);  //设置为矩阵模式

Matrix matrix = new Matrix();           //创建一个单位矩阵
matrix.setTranslate(50, 50);          //平移x和y各50单位
matrix.preRotate(40);                   //顺时针旋转40度
imageView.setImageMatrix(matrix);       //设置并应用矩阵

总结

  • 希望图片能够按照原来的比例显示
    • 并且尽可能撑满ImageView(不一定是占满整个ImageView)
      • 希望图片能够完整显示
        那就用fitCenterfitStartfitCenter(选哪个取决于要怎么对齐了,一般是用fitCenter吧,没有设置的时候默认值就是fitCenter)
      • 希望图片占满整个ImageView,并且能够容忍两边被裁剪
        centerCrop
    • 不一定要撑满ImageView
      centerInside
    • 希望按照图片原来大小显示,并且能容忍周围被裁剪
      center
  • 不在乎图片比例,希望图片完整显示,且占满整个ImageView,就用fitXY
  • 有其他特殊需求的,用比较高级的matrix

最终总结

可见显示的需求主要是根据是否按比例,图片是否要充满控件这两个因素决定的。就个人使用来说,觉得最常用的就是fitCenter(默认值),因为能够按比例且完整显示,又能在某个方向撑满控件;当希望控件被图片占满时(图片可以被适当裁剪),比较常用的就是centerCrop,因为可以保证图片按比例显示。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值