【Android 基础】之 ImageView 的 scaleType 属性

ImageView src 属性

ImageView 有一个 Drawable 类型的成员变量 mDrawable 就是 ImageView 显示的 Drawable，设置 mDrawable 有两种方式：

• xml 文件中设置 android:src 属性
  
  
  
  属性值的格式为 reference 或者 color，这个 reference 可以是 drawable 目录中的图片，也可以是 drawable 目录下的 xml 文件，还可以是 values/color 中定义的颜色；
• 在代码中通过 setImageXXX 方法，其中比较常用的是

public void setImageDrawable(@Nullable Drawable drawable)
public void setImageBitmap(Bitmap bm) 

第一个方法参数是一个 Drawable 对象，第二个方法参数是一个 Bitmap 对象，在方法内部也是创建了 BitmapDrawable 对象赋值给成员变量 mDrawable；

• 获取 ImageView 的内容只有一个方法，返回的是成员变量 mDrawable，因为所有的 set 方法最终都是赋值给 mDrawable：

public Drawable getDrawable()

ImageView scaleType 属性

当 Drawable 作为 View 背景时自动拉伸至控件大小，当作为 ImageView 的内容显示时，通过 android:scaleType 属性控制 Drawable 的显示，当然也对外提供了设置 scaleType 的方法，

public void setScaleType(ScaleType scaleType)

ScaleType 的取值为

ScaleType 类型大致可分为三类：

1. 以 FIT_开头，它们的共同点是会对图片进行缩放

• ScaleType.FIT_CENTER：这种显示方式是 ImageView 默认的显示方式，该模式下，图片会被等比缩放至能够图片内容完全显示且宽或高填充控件，并居中显示，如果图片宽高比大于控件宽高比，则控件上下留白，如果图片宽高比小于控件宽高比，控件左右留白；
• ScaleType.FIT_START ：该模式下，图片会被等比缩放至能够图片内容完全显示且宽或高填充控件，并且在上边或者左边显示，如果图片宽高比大于控件宽高比，则图片靠上显示，控件下边留白，如果图片宽高比小于控件宽高比，图片靠左显示，右边留白；
• ScaleType.FIT_END：该模式下，图片会被等比缩放至能够图片内容完全显示且宽或高能够填充控件，并且在下边或右边显示，如果图片宽高比大于控件宽高比，则图片靠下显示，上边留白，如果图片宽高比小于控件宽高比，则图片靠右显示，左边留白；
• ScaleType.FIT_XY：该模式下，图片内容完全显示且图片会被缩放至宽和高均填充控件；

2. 以 CENTER_ 开头，它们的共同点是图片居中显示，图片的中心点和 ImageView 的中心点重合

• ScaleType.CENTER：该模式下，不对图片进行缩放，如果图片大于控件，则显示图片中间部分,超出控件的部分不显示，如果图片小于控件，则图片居中显示；
• ScaleType.CENTER_CROP：该模式下，图片会被等比缩放至控件的宽和高均被填充，如果图片宽高比大于控件宽高比，那么图片高度像素可以完全显示，宽度像素超出控件的部分不显示，如果图片宽高比小于控件宽高比，那么图片宽度像素可以完全显示，高度像素超出控件的部分不显示；
• ScaleType.CENTER_INSIDE：该模式下，图片内容完全显示，如果图片大于控件，则图片等比缩放，填充控件宽或高，效果同 ScaleType.FIT_CENTER 模式，如果图片小于控件，则图片居中显示，效果同 ScaleType.CENTER 模式，

3. ScaleType.MATRIX
   该模式需要与 ImageView.setImageMatrix(Matrix matrix) 配合使用，因为该模式需要用于指定一个变换矩阵用于指定图片如何展示。
   在不作矩阵变换的情况下，从控件的左上角开始，不缩放图片，与CENTER相似，不同点在于把图片的左上角对上控件的左上角显示，超出控件的部分不显示。
   在使用时，需要先调用 setScaleType 方法，再调用 setImageMatrix 方法
   下面给出一个使用示例：

imageView.setScaleType(ImageView.ScaleType.MATRIX);  //设置为矩阵模式
Matrix matrix = new Matrix();           //创建一个单位矩阵
matrix.setTranslate(100, 100);          //平移x和y各100单位
matrix.preRotate(30);                   //顺时针旋转30度
imageView.setImageMatrix(matrix);       //设置并应用矩阵

因为比较混乱，再稍微总结一下：
从缩放角度来说：

• 等比缩放：FIT_CCENTER、FIT_START、FIT_END、CENTER_CROP、
• 不等比缩放：FIT_XY
• 不缩放：CENTER、MATRIX
• 图片大于控件时缩，小于控件时不放：CENTER_INSIDE

从图片内容显示角度来说：

• 图片内容完全显示：FIT_CENTER、FIT_START、FIT_END、FIT_XY、CENTER_INSIDE
• 图片大于控件时图片内容不完全显示：CENTER、CENTER_CROP、MATRIX

从控件填充角度来说：

• 不会留白的：FIT_XY、CENTER_CROP
• 会留白的：FIT_CENTER、FIT_START、FIT_END、CENTER、CENTER_INSIDE、MATRIX