Android ImageViewscaletype：掌握圖片居中、拉伸、變形、裁剪等顯示效果方法

一、介紹

Android中ImageView是一個常用的控制項，用於顯示圖片。ImageView屬性中的scaleType決定了圖片的顯示方式，通常默認為fitCenter。本文將介紹ImageView的scaleType屬性，包括center、centerInside、centerCrop、fitCenter、fitStart、fitEnd、fitXY等常用顯示效果，並提供對應的代碼示例，供大家參考。

二、居中顯示

center是ImageView的默認屬性，其目的是讓圖片在ImageView中居中顯示，無論是在水平還是垂直方向上都居中。下面是center的代碼示例：

<ImageView
    android:id="@+id/iv_center"
    android:layout_width="match_parent"
    android:layout_height="200dp"
    android:src="@drawable/test"
    android:scaleType="center" />

註：@drawable/test是一張圖像。

三、居中適應

centerInside也是讓圖片在ImageView中居中顯示，但圖片會被縮小或者不會做出拉伸來適應ImageView的大小。當圖片尺寸小於ImageView尺寸時，圖片的尺寸將不會被改變。下面是centerInside的代碼示例：

<ImageView
    android:id="@+id/iv_center_inside"
    android:layout_width="match_parent"
    android:layout_height="200dp"
    android:src="@drawable/test"
    android:scaleType="centerInside" />

四、居中裁剪

centerCrop能夠將ImageView中的圖片等比例縮放，並截取其中部分使其填充ImageView。通常被用於需要圖片居中並且需要縮放的場景下，裁剪部分會使得圖片焦點更加突出。下面是centerCrop的代碼示例：

<ImageView
    android:id="@+id/iv_center_crop"
    android:layout_width="match_parent"
    android:layout_height="200dp"
    android:src="@drawable/test"
    android:scaleType="centerCrop" />

五、適應寬度

fitCenter讓圖片在ImageView中居中顯示，縮小或者不拉伸。如果圖片尺寸小於ImageView尺寸，則圖片不會做出拉伸，並居中在ImageView中。下面是fitCenter的代碼示例：

<ImageView
    android:id="@+id/iv_fit_center"
    android:layout_width="match_parent"
    android:layout_height="200dp"
    android:src="@drawable/test"
    android:scaleType="fitCenter" />

六、適應顯示

fitStart讓圖片在ImageView中居左上對齊。圖片可能會被拉伸，但是會適應ImageView的寬度。下面是fitStart的代碼示例：

<ImageView
    android:id="@+id/iv_fit_start"
    android:layout_width="match_parent"
    android:layout_height="200dp"
    android:src="@drawable/test"
    android:scaleType="fitStart" />

同樣的，fitEnd讓圖片在ImageView中居右下對齊，圖片可能會被拉伸，但是會適應ImageView的寬度。下面是fitEnd的代碼示例：

<ImageView
    android:id="@+id/iv_fit_end"
    android:layout_width="match_parent"
    android:layout_height="200dp"
    android:src="@drawable/test"
    android:scaleType="fitEnd" />

七、拉伸顯示

fitXY會強制使圖片填滿ImageView，不考慮圖片的比例。如需使用fitXY, 建議將圖片進行壓縮以比例相符。下面是fitXY的代碼示例：

<ImageView
    android:id="@+id/iv_fit_xy"
    android:layout_width="match_parent"
    android:layout_height="200dp"
    android:src="@drawable/test"
    android:scaleType="fitXY" />

註：由於fitXY的特性是會拉伸，因此使用時需注意圖片的失真比例，否則會出現拉伸過程中破碎的情況。

八、總結

本文對ImageView的常用scaleType屬性進行了介紹，包括center、centerInside、centerCrop、fitCenter、fitStart、fitEnd、fitXY等效果，方便開發者在實際開發中選擇最合適的顯示效果。