ImageView踩坑指南

xiaoxiao2021-02-28  87

废话不多说,直接写自己踩过的坑。

1.关于scaleType属性

下图的问题实际是图片并没有完全充满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 用矩阵来绘制,动态缩小放大图片来显示。

2. 关于Background属性

下图中的情况没有指定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"/>

转载请注明原文地址: https://www.6miu.com/read-78509.html

最新回复(0)