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 类型大致可分为三类:
- 以 FIT_开头,它们的共同点是会对图片进行缩放
- ScaleType.FIT_CENTER:这种显示方式是 ImageView 默认的显示方式,该模式下,图片会被等比缩放至能够图片内容完全显示且宽或高填充控件,并居中显示,如果图片宽高比大于控件宽高比,则控件上下留白,如果图片宽高比小于控件宽高比,控件左右留白;
- ScaleType.FIT_START :该模式下,图片会被等比缩放至能够图片内容完全显示且宽或高填充控件,并且在上边或者左边显示,如果图片宽高比大于控件宽高比,则图片靠上显示,控件下边留白,如果图片宽高比小于控件宽高比,图片靠左显示,右边留白;
- ScaleType.FIT_END:该模式下,图片会被等比缩放至能够图片内容完全显示且宽或高能够填充控件,并且在下边或右边显示,如果图片宽高比大于控件宽高比,则图片靠下显示,上边留白,如果图片宽高比小于控件宽高比,则图片靠右显示,左边留白;
- ScaleType.FIT_XY:该模式下,图片内容完全显示且图片会被缩放至宽和高均填充控件;
- 以 CENTER_ 开头,它们的共同点是图片居中显示,图片的中心点和 ImageView 的中心点重合
- ScaleType.CENTER:该模式下,不对图片进行缩放,如果图片大于控件,则显示图片中间部分,超出控件的部分不显示,如果图片小于控件,则图片居中显示;
- ScaleType.CENTER_CROP:该模式下,图片会被等比缩放至控件的宽和高均被填充,如果图片宽高比大于控件宽高比,那么图片高度像素可以完全显示,宽度像素超出控件的部分不显示,如果图片宽高比小于控件宽高比,那么图片宽度像素可以完全显示,高度像素超出控件的部分不显示;
- ScaleType.CENTER_INSIDE:该模式下,图片内容完全显示,如果图片大于控件,则图片等比缩放,填充控件宽或高,效果同 ScaleType.FIT_CENTER 模式,如果图片小于控件,则图片居中显示,效果同 ScaleType.CENTER 模式,
- 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