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: 拉伸
Android ImageView ScaleType 图解_第1张图片
fitStart : 左上角对齐,然后等比例缩小或放大,让一边与边界对齐,另一边在边界内
Android ImageView ScaleType 图解_第2张图片
fitCenter: 居中对齐,然后等比例缩小或放大,让一边与边界对齐,另一边在边界内
Android ImageView ScaleType 图解_第3张图片
fitEnd : 右下角对齐,然后等比例缩小或放大,让一边与边界对齐,另一边在边界内
Android ImageView ScaleType 图解_第4张图片
center : 居中对齐,不缩放,显示原始图像
Android ImageView ScaleType 图解_第5张图片
centerCrop : 居中对齐,然后等比缩放,让一条边与边界对齐,另一条边在边界外
Android ImageView ScaleType 图解_第6张图片
centerInside :居中对齐,大于边界尺寸的图像会等比缩小,让一边与边界对齐,另一边在边界内。小于边界尺寸的图像直接显示
Android ImageView ScaleType 图解_第7张图片

附布局文件

<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">matrixitem>-->
        <!-- <item name="android:scaleType">fitXYitem>-->
        <!-- <item name="android:scaleType">fitStartitem>-->
        <!-- <item name="android:scaleType">fitCenteritem>-->
        <!-- <item name="android:scaleType">fitEnditem>-->
        <!-- <item name="android:scaleType">centeritem>-->
        <!-- <item name="android:scaleType">centerCropitem>-->
        <item name="android:scaleType">centerInsideitem>
    style>

resources>

附图片文件

bgsmall.jpg
bgsmall.
bgbig.ipg
Android ImageView ScaleType 图解_第8张图片

你可能感兴趣的:(Android)