ImageView Scale Type 使用指南

如果你是刚接触ImageView 的新同学,并且你对ScaleType 这个属性难以理解其字面效果的话,那么你可以花几分钟时间看完这篇文章,然后在你现在App中使用到的ImageView中,为他们设置上ScaleType这个属性看看效果

由于近期对ImageView图片缩放等展示样式使用较多,所以现将ImageView ScaleType这个属性设置样式效果展现出来

Scalce Type

官方对每一个Scalce Type 的设置都做了统一说明 官方说明

你也可以在下面的截图中看到具体的展现效果

《ImageView Scale Type 使用指南》

Center

图片以原图的几何中心点和ImagView的几何中心点为基准,按图片的原来大小居中显示,不进行缩放
当图片超过View的长或宽时,则截取图片居中部分,当图片小于View的长或宽时只显示图片原来的大小。

Center Crop

图片以原图的几何中心点和ImagView的几何中心点为基准,将图片等比例进行放大,使得图片填充满整个View
按照View的大小截取图片

Center Inside

图片以原图的几何中心点和ImagView的几何中心点为基准,将图片完整居中显示,不做任何缩放

Matrix

使用ImageView默认的Matrix,不改变原图的大小,从ImageView的左上角开始绘制原图
当原图超过ImageView的时则做裁剪

Fit Center

使用 Matrix.ScaleToFit.CENTER 对图片进行缩放
将图片内容居中显示为目的,将图片进行缩放居中显示全图

Fit End

使用 Matrix.ScaleToFit.END 对图片进行缩放
将图片按比例缩放,在底部显示原图

Fix Start

使用Matrix.ScaleToFit.START对图片进行缩放
将图片按比例缩放,在顶部显示原图

Fit XY

使用Matrix.ScaleToFit.FILL 对图片进行缩放
不保持比例,将图片直接填充铺满整个View

Adjust View Bounds

该属性是通过一个boolean值去设置,是否保持图片原图的长宽比
单独设置该属性不产生作用,需要配合maxWidth或maxHeight一起使用

《ImageView Scale Type 使用指南》

    原文作者:爱码士
    原文地址: https://www.jianshu.com/p/5eb499570b18
    本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系博主进行删除。
点赞