废话不多说,直接写自己踩过的坑。
下图的问题实际是图片并没有完全充满ImageView控件造成的,在布局文件里把scaleType设为fitXY即可解决,这个属性的意思是填充整个 ImageView。 修改后的代码如下:
<ImageView android:id="@+id/iv_bg" android:layout_width="match_parent" android:layout_height="0dp" android:scaleType="fitXY" app:layout_heightPercent="80%h" tools:src="@drawable/def_cover_3x4" />附:scaleType属性说明
android:scaleType是控制图片如何resized/moved来匹对ImageView的size。
ImageView.ScaleType / android:scaleType值的意义区别:
CENTER /center 按图片的原来size居中显示,当图片长/宽超过View的长/宽,则截取图片的居中部分显示
CENTER_CROP / centerCrop 按比例扩大图片的size居中显示,使得图片长(宽)等于或大于View的长(宽)
CENTER_INSIDE / centerInside 将图片的内容完整居中显示,通过按比例缩小或原来的size使得图片长/宽等于或小于View的长/宽
FIT_CENTER / fitCenter 把图片按比例扩大/缩小到View的宽度,居中显示
FIT_END / fitEnd 把图片按比例扩大/缩小到View的宽度,显示在View的下部分位置
FIT_START / fitStart 把图片按比例扩大/缩小到View的宽度,显示在View的上部分位置
FIT_XY / fitXY 把图片不按比例扩大/缩小到View的大小显示
MATRIX / matrix 用矩阵来绘制,动态缩小放大图片来显示。
下图中的情况没有指定Background,设置一下Background属性就好了。
<ImageView android:layout_width="match_parent" android:layout_height="0dp" android:background="@color/white" android:padding="@dimen/spacing_normal" app:layout_heightPercent="20%" android:src="@mipmap/ic_launcher"/>