余老师带你学习智能终端-Android App开发第二章第五节ImageView

ImageView

概述

这节课开始学习图片控件，再次之前已经讲过Button的控件和TextView，Button还有其他衍生类控件，比如说：ToggleButton、Switch（开关）。这两个就不再这里详细的讲解了，利用之前的学习基础，学习这两个控件是比较简单的，还有就是在实际开发中这两个控件的使用频率比较少，所以大家有兴趣的可以自己研究下。我们会讲下ImageView的常用属性。

演示

1、添加一个ImageView控件，背景颜色为橙色，background可以是颜色和图片，这里使用src添加图片，src可以看作内容，将需要的图片上传到drawable

<ImageView
		android:id="@+id/iv_1"
        android:layout_height="200dp"
        android:layout_width="300dp"
        android:background="#FF9900"
        android:src="@drawable/src" />

2、让图片铺满，使用scaleType，X轴和Y轴都撑满，但是设置fitXY有可能出现图片拉伸

android:scaleType="fitXY"

3、按照图片的比例放置

<ImageView
        android:id="@+id/iv_2"
        android:layout_height="100dp"
        android:layout_width="200dp"
        android:background="#FF9900"
        android:src="@drawable/src"
        android:scaleType="fitCenter"
        android:layout_below="@id/iv_1"
        android:layout_marginTop="10dp" />

4、按图片的比例覆盖控件，多余的图片被裁剪到

<ImageView
        android:id="@+id/iv_3"
        android:layout_height="100dp"
        android:layout_width="200dp"
        android:background="#FF9900"
        android:src="@drawable/src"
        android:scaleType="centerCrop"
        android:layout_below="@id/iv_2"
        android:layout_marginTop="10dp" />

重点

scaleType属性：
fitXY：撑满控件，宽高比可能发生改变
fitCenter：保持宽高比缩放，直至能够完全显示
centerCrop：保持宽高比缩放，直至完全覆盖控件，裁剪显示