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

標籤：適應   應用   完成   縮放   dad   布局檔案   xml檔案   a20   java   

通過前面幾期的學習，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的屬性和方法大全