Android常用控件六之图片框（ImageView）

一、常用属性

1、android:src  设置ImageView所显示的Drawable资源的ID

2、android:maxHeight  最大高度

3、android:maxWidth  最大宽度

4、android:adjustViewBounds  设置ImageView是否调整自己的大小保持所显示图片的长宽比

代码如下：

 

<ImageView
        android:layout_width="150dp"
        android:layout_height="150dp"
        android:src="@drawable/image_1"
        android:adjustViewBounds="true"
        />

5、android:scaleType 设置图片图和缩放以适应ImageView的长宽比

5.1、取值：

比背景颜色小的图片代码效果：

1.martrix 使用矩形缩放

 

<ImageView
            android:layout_width="250dp"
            android:layout_height="350dp"
            android:src="@drawable/image_1"
            android:scaleType="matrix"
            android:background="#E5F4EF"
            />

 

2.fitXY  对图片横向纵向独立缩放，使图片完全填充ImageView，会使图片失真

 

<ImageView
            android:layout_width="250dp"
            android:layout_height="350dp"
            android:src="@drawable/image_1"
            android:scaleType="fitXY"
            android:background="#E5F4EF"
            />

 

3.fitStart  保持长宽比，图片较长的边与ImageView对应另一边，然后放在左上角

 

<ImageView
            android:layout_width="250dp"
            android:layout_height="350dp"
            android:src="@drawable/image_1"
            android:scaleType="fitStart"
            android:background="#E5F4EF"
            />

 

4.fitCenter 保持缩放比，图片较长的边与ImageView对应边一致，然后放在中间

 

<ImageView
            android:layout_width="250dp"
            android:layout_height="350dp"
            android:src="@drawable/image_1"
            android:scaleType="fitCenter"
            android:background="#E5F4EF"
            />

 

5.fitEnd  保持缩放比，图片较长的边与ImageView对应边一致，然后放在右下角

 

<ImageView
            android:layout_width="250dp"
            android:layout_height="350dp"
            android:src="@drawable/image_1"
            android:scaleType="fitEnd"
            android:background="#E5F4EF"
            />

6、center 图片放在中间，不缩放

 

 

<ImageView
            android:layout_width="250dp"
            android:layout_height="250dp"
            android:src="@drawable/image_1"
            android:scaleType="center"
            android:background="#E5F4EF"
            />

7、centerInside 保持纵横比缩放，使得ImageView能够完全显示图片

 

 

<ImageView
            android:layout_width="250dp"
            android:layout_height="250dp"
            android:src="@drawable/image_1"
            android:scaleType="centerInside"
            android:background="#E5F4EF"
            />

 

 

 

 

 

二、类似效果图如下：

如果图片比ImageView小：

 

 

如果图片比ImageView大：