通過前面幾期的學習，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）——鑫鱻所有，若轉載請備註出處，特此聲明！

Android零基礎入門第22節：ImageView的屬性和方法大全