Android的ImageView scaleType八大属性，你都了解吗？

ImageView 是 Android 中最常用的控件之一，而在使用ImageView时，必不可少的会使用到它的scaleType属性。该属性指定了你想让ImageView如何显示图片，包括是否进行缩放、等比缩放、缩放后展示位置等。Android 提供了八种scaleType的属性值，每种都对应了一种展示方式，下面就对每一种scaleType属性值进行图文解释。...

程序yang

5232人浏览 · 2020-06-08 18:52:12

程序yang · 2020-06-08 18:52:12 发布

文章目录

摘要：
ImageView 是 Android 中最常用的控件之一，而在使用ImageView时，必不可少的会使用到它的scaleType属性。该属性指定了你想让ImageView如何显示图片，包括是否进行缩放、等比缩放、缩放后展示位置等。Android 提供了八种scaleType的属性值，每种都对应了一种展示方式，下面就对每一种scaleType属性值进行图文解释。

八个ScaleType，其实可以分为三个类型：
（1）以FIT_开头的4种，它们的共同点是都会对图片进行缩放；
（2）以CENTER_开头的3种，它们的共同点是居中显示，图片的中心点会与ImageView的中心点重叠；
（3） ScaleType.MATRIX，这种就直接翻到最后看内容吧；

首先请看案例原图示例代码：
在这里插入图片描述

指定的ImageView，为了快速看出效果，这里八种属性都采用相同的ImageView大小，示例代码：
在这里插入图片描述

1、android:scaleType=“matrix”

表示不改变原图的大小，从ImageView的左上角开始绘制原图，原图超过ImageView的部分作裁剪处理。示例代码：
在这里插入图片描述

2、android:scaleType=“center”

(1)当图片大于ImageView的宽高：以图片的中心点和ImageView的中心点为基准，按照图片的原大小居中显示，不缩放，用ImageView的大小截取图片的居中部分。

(2)当图片小于ImageView的宽高：直接居中显示该图片。

3、android:scaleType=“centerCrop”

(1)当图片大于ImageView的宽高：以图片的中心点和ImageView的中心点为基准，按比例缩小图片，直到图片的宽高有一边等于ImageView的宽高，则对于另一边，图片的长度大于或等于ImageView的长度，最后用ImageView的大小居中截取该图片。

(2)当图片小于ImageView的宽高：以图片的中心店和ImageView的中心点为基准，按比例扩大图片，直到图片的宽高大于或等于ImageView的宽高，并按ImageView的大小居中截取该图片。

4、android:scaleType=“centerInside”

(1)当图片大于ImageView的宽高：以图片的中心和ImageView的中心点为基准，按比例缩小图片，使图片宽高等于或者小于ImagevView的宽高，直到将图片的内容完整居中显示。

(2)当图片小于ImageView的宽高：直接居中显示该图片。

5、android:scaleType=“fitXY”

表示把图片按指定的大小在ImageView中显示，拉伸或收缩图片，不保持原比例，填满ImageView。

6、android:scaleType=“fitStart”

表示把图片按比例扩大（缩小）到ImageView的宽度，在ImageView的上方显示。

7、android:scaleType=“fitCenter”

表示把图片按比例扩大（缩小）到ImageView的宽度，居中显示。

8、android:scaleType=“fitEnd”

表示把图片按比例扩大（缩小）到ImageView的宽度，在ImageView的下方显示。

八种属性的效果图对比如下：
在这里插入图片描述
最后你会发现，原图展现的效果和fitCenter的效果一样，因为当我们没有在布局文件中使用scaleType属性或者是没有手动调用setScaleType方法时，那么scaleType 的默认值就是fitCenter。

拓展：
scaleType属性既可以在 XML 中设置，也可以在代码中设置：

android:scaleType="centerInside"	//XML中
imageView.setScaleType(ImageView.ScaleType.CENTER_INSIDE);	//代码中

完整代码示例：

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical"
    tools:context=".MainActivity"
    android:padding="10dp">

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:orientation="horizontal">

        <LinearLayout
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:orientation="vertical">

            <ImageView
                android:layout_width="90dp"
                android:layout_height="90dp"
                android:src="@drawable/pic"/>
            <TextView
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:gravity="center"
                android:textSize="18dp"
                android:text="原图"/>
        </LinearLayout>

        <LinearLayout
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:orientation="vertical"
            android:layout_marginLeft="5dp">

            <ImageView
                android:layout_width="90dp"
                android:layout_height="90dp"
                android:background="@color/colorRed"/>
            <TextView
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:gravity="center"
                android:textSize="18dp"
                android:text="ImageView"/>
        </LinearLayout>
    </LinearLayout>


    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:orientation="horizontal">
        <LinearLayout
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:orientation="vertical"
            android:layout_marginLeft="5dp">

            <ImageView
                android:layout_width="90dp"
                android:layout_height="90dp"
                android:background="@color/colorRed"
                android:scaleType="matrix"
                android:src="@drawable/pic"/>
            <TextView
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:gravity="center"
                android:textSize="18dp"
                android:text="matrix"/>
        </LinearLayout>

        <LinearLayout
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:orientation="vertical"
            android:layout_marginLeft="5dp">

            <ImageView
                android:layout_width="90dp"
                android:layout_height="90dp"
                android:background="@color/colorRed"
                android:scaleType="center"
                android:src="@drawable/pic"/>
            <TextView
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:gravity="center"
                android:textSize="18dp"
                android:text="center"/>
        </LinearLayout>


        <LinearLayout
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:orientation="vertical"
            android:layout_marginLeft="5dp">

            <ImageView
                android:layout_width="90dp"
                android:layout_height="90dp"
                android:background="@color/colorRed"
                android:scaleType="centerCrop"
                android:src="@drawable/pic"/>
            <TextView
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:gravity="center"
                android:textSize="18dp"
                android:text="centerCrop"/>
        </LinearLayout>

        <LinearLayout
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:orientation="vertical"
            android:layout_marginLeft="5dp">

            <ImageView
                android:layout_width="90dp"
                android:layout_height="90dp"
                android:background="@color/colorRed"
                android:scaleType="centerInside"
                android:src="@drawable/pic"/>
            <TextView
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:gravity="center"
                android:textSize="18dp"
                android:text="centerInside"/>
        </LinearLayout>



    </LinearLayout>

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:orientation="horizontal">
        <LinearLayout
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:orientation="vertical"
            android:layout_marginLeft="5dp">

            <ImageView
                android:layout_width="90dp"
                android:layout_height="90dp"
                android:background="@color/colorRed"
                android:scaleType="fitXY"
                android:src="@drawable/pic"/>
            <TextView
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:gravity="center"
                android:textSize="18dp"
                android:text="fitXY"/>
        </LinearLayout>

        <LinearLayout
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:orientation="vertical"
            android:layout_marginLeft="5dp">

            <ImageView
                android:layout_width="90dp"
                android:layout_height="90dp"
                android:background="@color/colorRed"
                android:scaleType="fitStart"
                android:src="@drawable/pic"/>
            <TextView
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:gravity="center"
                android:textSize="18dp"
                android:text="fitStart"/>
        </LinearLayout>


        <LinearLayout
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:orientation="vertical"
            android:layout_marginLeft="5dp">

            <ImageView
                android:layout_width="90dp"
                android:layout_height="90dp"
                android:background="@color/colorRed"
                android:scaleType="fitCenter"
                android:src="@drawable/pic"/>
            <TextView
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:gravity="center"
                android:textSize="18dp"
                android:text="fitCenter"/>
        </LinearLayout>

        <LinearLayout
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:orientation="vertical"
            android:layout_marginLeft="5dp">

            <ImageView
                android:layout_width="90dp"
                android:layout_height="90dp"
                android:background="@color/colorRed"
                android:scaleType="fitEnd"
                android:src="@drawable/pic"/>
            <TextView
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:gravity="center"
                android:textSize="18dp"
                android:text="fitEnd"/>
        </LinearLayout>

    </LinearLayout>
</LinearLayout>

AtomGit 开源协作平台测评赛

瓜分20万奖金获得内推名额丰厚实物奖励易参与易上手

更多推荐

【Spring Boot 】Spring Boot + HikariCP 连接池使用示例

文章目录示例工具版本HikariCP 依赖HikariCP 配置1. connectionTimeout2. minimumIdle3. maximumPoolSize4. idleTimeout5. maxLifetime6. autoCommitSpring Boot Data + HikariCP + MySQL示例测试应用程序1. 使用 Maven 命令2. 使用 Eclipse3. 使用