A04_ImageView的ScaleType属性设置

一、对比显示ScaleType的不同效果

二、使用嵌套LinearLayout为每一张ImageView添加文字说明

三、ScaleType的8个属性简要说明：

1.scaleType=“matrix” 

是保持原图大小、从左上角的点开始，以矩阵形式绘图。

2.scaleType=“fitXY”  

不按比例缩放图片，目标是把图片塞满整个View。

3.scaleType=“fitStart”

是将原图沿左上角的点（即matrix方式绘图开始的点），按比例缩放原图绘制而成的。

4.scaleType=“fitCenter”

是将原图沿上方居中的点（即matrix方式绘图第一行的居中的点），按比例缩放原图绘制而成的。

5.scaleType=“fitEnd”

是将原图沿下方居中的点（即matrix方式绘图最后一行的居中的点），按比例缩放原图绘制而成的。

6.scaleType=“Center”

是保持原图大小，以原图的几何中心点和ImagView的几何中心点为基准，只绘制ImagView大小的图像。

7.scaleType=“centerCrop”

不保持原图大小，以原图的几何中心点和ImagView的几何中心点为基准，只绘制ImagView大小的图像（以填满ImagView为目标，对原图进行裁剪）。

3.scaleType=“centerInside”

不保持原图大小，以原图的几何中心点和ImagView的几何中心点为基准，只绘制ImagView大小的图像（以显示完整图片为目标，对原图进行缩放）。

四、设置方法

java：

使用setImageResource()设置使用的图片

使用setScaleType()设置图片拉伸属性

xml:

使用android:src="" 设置使用的图片

使用android:scaleType=""设置图片拉伸属性
                

先看原始图片：

效果图：

xml代码：

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"    xmlns:tools="http://schemas.android.com/tools"    android:layout_width="match_parent"    android:layout_height="match_parent"    android:background="@drawable/field"    android:orientation="vertical"    tools:context=".MainActivity" >    <LinearLayout         android:layout_width="wrap_content"        android:layout_height="wrap_content"        android:orientation="horizontal" >        <LinearLayout            android:layout_width="wrap_content"            android:layout_height="wrap_content"            android:orientation="vertical"            android:layout_marginRight="5dp" >            <TextView                android:layout_width="wrap_content"                android:layout_height="wrap_content"                android:text="matrix"                android:textColor="#ff00ff" />            <ImageView                android:id="@+id/imageViewId"                android:layout_width="100dp"                android:layout_height="100dp"                android:background="#f0f0f0"                android:scaleType="matrix"                android:src="@drawable/zhl" />        </LinearLayout>        <LinearLayout            android:layout_width="wrap_content"            android:layout_height="wrap_content"            android:orientation="vertical"            android:layout_marginRight="5dp" >            <TextView                android:layout_width="wrap_content"                android:layout_height="wrap_content"                android:text="fitXY"                android:textColor="#ff00ff" />            <ImageView                android:id="@+id/imageViewId"                android:layout_width="100dp"                android:layout_height="100dp"                android:background="#f0f0f0"                android:scaleType="fitXY"                android:src="@drawable/zhl" />        </LinearLayout>        <LinearLayout            android:layout_width="wrap_content"            android:layout_height="wrap_content"            android:orientation="vertical"            android:layout_marginRight="5dp" >            <TextView                android:layout_width="wrap_content"                android:layout_height="wrap_content"                android:text="fitStart"                android:textColor="#ff00ff" />            <ImageView                android:id="@+id/imageViewId"                android:layout_width="100dp"                android:layout_height="100dp"                android:background="#f0f0f0"                android:scaleType="fitStart"                android:src="@drawable/zhl" />        </LinearLayout>    </LinearLayout>    <LinearLayout        android:layout_width="wrap_content"        android:layout_height="wrap_content"        android:orientation="horizontal" >        <LinearLayout            android:layout_width="wrap_content"            android:layout_height="wrap_content"            android:orientation="vertical"            android:layout_marginRight="5dp" >            <TextView                android:layout_width="wrap_content"                android:layout_height="wrap_content"                android:text="fitCenter"                android:textColor="#ff00ff" />            <ImageView                android:id="@+id/imageViewId"                android:layout_width="100dp"                android:layout_height="100dp"                android:background="#f0f0f0"                android:scaleType="fitCenter"                android:src="@drawable/zhl" />        </LinearLayout>        <LinearLayout            android:layout_width="wrap_content"            android:layout_height="wrap_content"            android:orientation="vertical"            android:layout_marginRight="5dp" >            <TextView                android:layout_width="wrap_content"                android:layout_height="wrap_content"                android:text="fitEnd"                android:textColor="#ff00ff" />            <ImageView                android:id="@+id/imageViewId"                android:layout_width="100dp"                android:layout_height="100dp"                android:background="#f0f0f0"                android:scaleType="fitEnd"                android:src="@drawable/zhl" />        </LinearLayout>        <LinearLayout            android:layout_width="wrap_content"            android:layout_height="wrap_content"            android:orientation="vertical"            android:layout_marginRight="5dp" >            <TextView                android:layout_width="wrap_content"                android:layout_height="wrap_content"                android:text="center"                android:textColor="#ff00ff" />            <ImageView                android:id="@+id/imageViewId"                android:layout_width="100dp"                android:layout_height="100dp"                android:background="#f0f0f0"                android:scaleType="center"                android:src="@drawable/zhl" />        </LinearLayout>    </LinearLayout>    <LinearLayout        android:layout_width="wrap_content"        android:layout_height="wrap_content"        android:orientation="horizontal" >        <LinearLayout            android:layout_width="wrap_content"            android:layout_height="wrap_content"            android:orientation="vertical"            android:layout_marginRight="5dp" >            <TextView                android:layout_width="wrap_content"                android:layout_height="wrap_content"                android:text="centerCrop"                android:textColor="#ff00ff" />            <ImageView                android:id="@+id/imageViewId"                android:layout_width="100dp"                android:layout_height="100dp"                android:background="#f0f0f0"                android:scaleType="centerCrop"                android:src="@drawable/zhl" />        </LinearLayout>        <LinearLayout            android:layout_width="wrap_content"            android:layout_height="wrap_content"            android:orientation="vertical"            android:layout_marginRight="5dp" >            <TextView                android:layout_width="wrap_content"                android:layout_height="wrap_content"                android:text="centerInside"                android:textColor="#ff00ff" />            <ImageView                android:id="@+id/imageViewId"                android:layout_width="100dp"                android:layout_height="100dp"                android:background="#f0f0f0"                android:scaleType="centerInside"                android:src="@drawable/zhl" />        </LinearLayout>    </LinearLayout></LinearLayout>

参考：点击打开链接