Android零基础入门第22节：ImageView的属性和方法大全

通过前面几期的学习，TextView控件及其子控件基本学习完成，可以在Android屏幕上显示一些文字或者按钮，那么从本期开始来学习如何在进行图片展示，这就是涉及到另外一个非常重要的控件家族，那就是ImageView。

一、认识ImageView

ImageView继承自View组件，主要功能是用于显示图片，可以显示任意图像。ImageView与其子类的类图如下图所示。

从上图可以看到，ImageView 还派生出了 ImageButton、ZoomButton等组件，因此ImageView支持的XML属性、方法，基本上也可应用于ImageButton、 ZoomButton 等组件。ImageView 还QuickContactBadge，显示关联到特定联系人的图片。

下表显示了ImageView支持的XML属性及相关方法。

ImageView有两个可以设置图片的属性，分别是：android:src和android:background，其中background通常指的是背景，而src指的是内容。另外当使用src填入图片时，是按照图片大小直接填充，并不会进行拉伸，而使用background填入图片，则是会根据ImageView给定的宽度来进行拉伸。

ImageView所支持的android:scaleType属性可指定如下属性值。

• matrix ( ImageView.ScaleType.MATRIX)：使用 matrix 方式进行缩放。
• fitXY ( lmageView.ScaleType.FIT_XY)：对图片横向、纵向独立缩放，使得该图片完全适应于该ImageView,图片的纵横比可能会改变。
• fitStart (ImageView.ScaleType.FIT_START )：保持纵横比缩放图片，直到该图片能完全显示在ImageView中（图片较长的边长与ImageView相应的边长相等）,缩放完成后将该图片放在ImageView的左上角。
• fitCenter (ImageView.ScaleType.FIT_CENTER )：保持纵横比缩放图片，直到该图片能完全显示在ImageView中（图片较长的边长与ImageView相应的边长相等）， 缩放完成后将该图片放在ImageView的中央。
• fitEnd (ImageView.ScaleType.FIT_END )：保持纵横比缩放图片，直到该图片能完全显示在ImageView中（图片较长的边长与ImageView相应的边长相等），缩放完成后将该图片放在ImageView的右下角。
• center ( ImageView.ScaleType.CENTER)：把图片放在 ImageView 的中间，但不进行任何缩放。
• centerCrop ( ImageView.ScaleType.CENTER_CROP)：保持纵横比缩放图片，以使得图片能完全覆盖ImageView。只要图片的最短边能显示出来即可。
• centerlnside (ImageView.ScaleType.CENTER_INSIDE )：保持纵横比缩放图片，以使得ImageView能完全显示该图片。

为了控制ImageView显示的图片，ImageView提供了如下方法。

• setlmageBitmap(Bitmap bm)：使用 Bitmap 位图设置该 ImageView 显示的图片。
• setlmageDrawable(Drawable drawable)：使用 Drawable 对象设置该 ImageView 显示的图片。
• setlmageResource(int resld)：使用图片资源ID设置该ImageView显示的图片。
• setlmageURI(Uri uri)：使用图片的URI设置该ImageView显示的图片。

二、ImageView示例

接下来通过一个简单的示例程序来学习ImageView的使用用法。

首先从网上下载一张图片素材，然后放到res/drawable/目录下，在到res/layout/目录下创建一个image_layout.xml文件，然后在其中填充如下代码片段：

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
              android:orientation="vertical"
              android:layout_width="match_parent"
              android:layout_height="match_parent">
    <ImageView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:src="@drawable/girl"/>

    <ImageView
        android:layout_width="80dp"
        android:layout_height="80dp"
        android:scaleType="fitXY"
        android:src="@drawable/girl"/>

    <ImageView
        android:layout_width="100dp"
        android:layout_height="100dp"
        android:scaleType="center"
        android:src="@drawable/girl"/>
</LinearLayout>

上面的界面布局文件中定义了三个ImageView，其中第一个ImageView为默认属性和自动宽高，第二个ImageView指定了 android:scaleType=fitXY，第三个ImageView指定了 android:scaleType=center。

然后修改一下app/src/java/MainActivity.java文件中加载的布局文件为新建的image_layout.xml文件。运行程序，可以看到下图所示界面效果。

 到此，ImageView的示例结束，关于ImageView的更多用法可以参照上面的XML属性和方法参照表，建议多动手练习。

-----------------------------------------------

今天就先到这里，下一期开始UI组件的学习。如果有问题欢迎留言一起探讨，也欢迎加入Android零基础入门技术讨论微信群，共同成长！

往期总结分享：

Android零基础入门第1节：Android的前世今生

Android零基础入门第2节：Android 系统架构和应用组件那些事

Android零基础入门第3节：带你一起来聊一聊Android开发环境

Android零基础入门第4节：正确安装和配置JDK, 高富帅养成第一招

Android零基础入门第5节：善用ADT Bundle, 轻松邂逅女神

Android零基础入门第6节：配置优化SDK Manager, 正式约会女神

Android零基础入门第7节：搞定Android模拟器，开启甜蜜之旅

Android零基础入门第8节：HelloWorld，我的第一趟旅程出发点

Android零基础入门第9节：Android应用实战，不懂代码也可以开发

Android零基础入门第10节：开发IDE大升级，终于迎来了Android Studio

Android零基础入门第11节：简单几步带你飞，运行Android Studio工程

Android零基础入门第12节：熟悉Android Studio界面，开始装逼卖萌

Android零基础入门第13节：Android Studio配置优化，打造开发利器

Android零基础入门第14节：使用高速Genymotion，跨入火箭时代

Android零基础入门第15节：掌握Android Studio项目结构，扬帆起航

Android零基础入门第16节：Android用户界面开发概述

Android零基础入门第17节：TextView属性和方法大全

Android零基础入门第18节：EditText的属性和使用方法

Android零基础入门第19节：Button使用详解

Android零基础入门第20节：CheckBox和RadioButton使用大全

Android零基础入门第21节：ToggleButton和Switch使用大全

此文章版权为微信公众号分享达人秀（ShareExpert）——鑫鱻所有，若转载请备注出处，特此声明！