Android ImageViewscaletype：掌握图片居中、拉伸、变形、裁剪等显示效果方法

FLBE • 2024-10-04 00:05 • 编程

一、介绍

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等效果，方便开发者在实际开发中选择最合适的显示效果。

原创文章，作者：FLBE，如若转载，请注明出处：https://www.506064.com/n/134360.html