安卓控件之圖片控件(ImagView)

概述：

ImageView用於顯示本地資源圖片或加載網絡圖片的UI控件，TextView和ImageView實現了Android圖文並茂的界面

scaleType是ImageView控件的重要屬性，當加載的圖片資源與控件的大小不匹配時，該如何呈現圖片資源就可通過這個屬性進行配置。

屬性和方法：

XML屬性	方法	備註
android:src	setImageResource(int)	設置圖片
android:scaleType	setScaleType(ScaleType)	設置圖片的縮放、等比縮放、裁剪

scaleType屬性和方法

屬性值	說明
fitCenter	缺省值.保持縱橫比縮放，圖片放在ImageView中央
fitStart	保持縱橫比縮放，圖片放在ImageView左上角
fitEnd	保持縱橫比縮放，圖片放在ImageView右下角
fitXY	對圖片橫向、縱向獨立縮放以適應控件大小。
center	把圖片放在ImageView中間，不進行任何縮放
centerCrop	保持縱橫比縮放，圖片完全覆蓋ImageView。
centerInside	保持縱橫比縮小，ImageView能完全顯示該圖片。

案例：

不同的sceleType顯示不同的效果

<LinearLayout
    android:layout_width="wrap_content"
    android:layout_height="200dp"
    android:orientation="horizontal">
    <LinearLayout
        android:layout_width="100dp"
        android:layout_height="wrap_content"
        android:orientation="vertical"
        >
        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="fitCenter"
            android:textSize="20sp"/>
        <ImageView
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:src="@mipmap/e1"
            android:scaleType="fitCenter"
            />
    </LinearLayout>
    <LinearLayout
        android:layout_width="100dp"
        android:layout_height="wrap_content"
        android:orientation="vertical">
        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="fitXY"
            android:textSize="20sp"/>
        <ImageView
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:src="@mipmap/e1"
            android:scaleType="fitXY"
            />
    </LinearLayout>
    <LinearLayout
        android:layout_width="100dp"
        android:layout_height="wrap_content"
        android:orientation="vertical">
        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="fitEnd"
            android:textSize="20sp"/>
        <ImageView
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:src="@mipmap/e1"
            android:scaleType="fitEnd"
            />
    </LinearLayout>
    <LinearLayout
        android:layout_width="100dp"
        android:layout_height="wrap_content"
        android:orientation="vertical">
        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="fitStart"
            android:textSize="20sp"/>
        <ImageView
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:src="@mipmap/e1"
            android:scaleType="fitStart"
            />
    </LinearLayout>
</LinearLayout>
<LinearLayout
    android:layout_width="wrap_content"
    android:layout_height="200dp"
    android:orientation="horizontal"
    >
    <LinearLayout
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:orientation="vertical">
        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="centerCrop"
            android:textSize="20sp"/>
        <ImageView
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:textAlignment="wdc"
            android:src="@mipmap/e1"
            android:scaleType="centerCrop"
            />
    </LinearLayout>
    <LinearLayout
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:orientation="vertical"
        android:paddingLeft="20dp">
        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="centerInside"
            android:textSize="20sp"/>
        <ImageView
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:textAlignment="wdc"
            android:src="@mipmap/e1"
            android:scaleType="centerInside"
            />
    </LinearLayout>
    <LinearLayout
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:orientation="vertical"
        android:layout_marginLeft="20dp">
    <TextView
        android:layout_width="200dp"
        android:layout_height="wrap_content"
        android:text="center"
        android:textSize="20sp"/>
    <ImageView
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:textAlignment="wdc"
        android:src="@mipmap/e1"
        android:scaleType="center"
        />
</LinearLayout>
</LinearLayout>