Android ImageView ScaleType 图解

ImageView ScaleType

ImageView的android:scaleType属性，是用来告诉android:src=设置的图片，如何调整去匹配ImgeView。此属性对android:background设置的背景图无效，android:background设置的图片是平铺整个ImageView。效果同android:scaleType="fitXY"

scaleType可选项：

Constant Value Description matrix 0 左上角对齐，不缩放，显示原始大小图像 fitXY 1 让高度和宽度都与边界对齐，会改变图像的高宽比（拉伸） fitStart 2 左上角对齐，然后等比例缩小或放大，让一边与边界对齐，另一边在边界内 fitCenter 3 居中对齐，然后等比例缩小或放大，让一边与边界对齐，另一边在边界内 fitEnd 4 右下角对齐，然后等比例缩小或放大，让一边与边界对齐，另一边在边界内 center 5 居中对齐，不缩放，显示原始图像 centerCrop 6 居中对齐，然后等比缩放，一条边与边界对齐，另一条边在边界外 centerInside 7 居中对齐，大于边界尺寸的图像会等比缩小，让一边与边界对齐，另一边在边界内。小于边界尺寸的图像直接显示

总结

Constant 不变形 居中 不超边界 缩小对齐边界 放大对齐边界 matrix √ fitXY √ √ √ √ fitStart √ √ √ √ fitCenter √ √ √ √ √ fitEnd √ √ √ √ center √ √ centerCrop √ √ √ √ centerInside √ √ √ √

上效果图

matrix：左上角对齐，不缩放，显示原始大小图像

fitXY： 拉伸

fitStart ： 左上角对齐，然后等比例缩小或放大，让一边与边界对齐，另一边在边界内

fitCenter： 居中对齐，然后等比例缩小或放大，让一边与边界对齐，另一边在边界内

fitEnd ： 右下角对齐，然后等比例缩小或放大，让一边与边界对齐，另一边在边界内

center ： 居中对齐，不缩放，显示原始图像

centerCrop ： 居中对齐，然后等比缩放，让一条边与边界对齐，另一条边在边界外

centerInside ：居中对齐，大于边界尺寸的图像会等比缩小，让一边与边界对齐，另一边在边界内。小于边界尺寸的图像直接显示

附布局文件

<LinearLayout    xmlns:android="http://schemas.android.com/apk/res/android"    xmlns:app="http://schemas.android.com/apk/res-auto"    android:layout_width="match_parent"    android:layout_height="match_parent"    android:orientation="vertical">    <LinearLayout        android:layout_width="match_parent"        android:layout_height="0dp"        android:layout_weight="1"        android:orientation="horizontal">        <RelativeLayout            android:layout_width="0dp"            android:layout_height="match_parent"            android:layout_weight="1">            <ImageView                android:layout_width="180dp"                android:layout_height="180dp"                android:layout_centerInParent="true"                android:background="@android:color/darker_gray"                android:src="@drawable/bgbig"/>        </RelativeLayout>        <RelativeLayout            android:layout_width="0dp"            android:layout_height="match_parent"            android:layout_weight="1">            <ImageView                android:layout_width="180dp"                android:layout_height="90dp"                android:layout_centerInParent="true"                android:layout_gravity="center_vertical"                android:background="@android:color/darker_gray"                android:src="@drawable/bgbig"/>        </RelativeLayout>    </LinearLayout>    <LinearLayout        android:layout_width="match_parent"        android:layout_height="0dp"        android:layout_weight="1"        android:orientation="horizontal">        <RelativeLayout            android:layout_width="0dp"            android:layout_height="match_parent"            android:layout_weight="1">            <ImageView                android:layout_width="180dp"                android:layout_height="180dp"                android:layout_centerInParent="true"                android:background="@android:color/darker_gray"                android:src="@drawable/bgsmall"/>        </RelativeLayout>        <RelativeLayout            android:layout_width="0dp"            android:layout_height="match_parent"            android:layout_weight="1">            <ImageView                android:layout_width="180dp"                android:layout_height="90dp"                android:layout_centerInParent="true"                android:layout_gravity="center_vertical"                android:background="@android:color/darker_gray"                android:src="@drawable/bgsmall"/>        </RelativeLayout>    </LinearLayout></LinearLayout>

附主题文件

<resources>    <!-- Base application theme. -->    <style name="AppTheme.image" parent="Theme.AppCompat.Light.DarkActionBar">        <!-- Customize your theme here. -->        <!-- <item name="android:scaleType">matrix</item>-->        <!-- <item name="android:scaleType">fitXY</item>-->        <!-- <item name="android:scaleType">fitStart</item>-->        <!-- <item name="android:scaleType">fitCenter</item>-->        <!-- <item name="android:scaleType">fitEnd</item>-->        <!-- <item name="android:scaleType">center</item>-->        <!-- <item name="android:scaleType">centerCrop</item>-->        <item name="android:scaleType">centerInside</item>    </style></resources>

附图片文件

bgsmall.jpg

bgbig.ipg