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>

 
 
 
 
  
  1
  
  2
  
  3
  
  4
  
  5
  
  6
  
  7
  
  8
  
  9
  
  10
  
  11
  
  12
  
  13
  
  14
  
  15
  
  16
  
  17
  
  18
  
  19
  
  20
  
  21
  
  22
  
  23
  
  24
  
  25
  
  26
  
  27
  
  28
  
  29
  
  30
  
  31
  
  32
  
  33
  
  34
  
  35
  
  36
  
  37
  
  38
  
  39
  
  40
  
  41
  
  42
  
  43
  
  44
  
  45
  
  46
  
  47
  
  48
  
  49
  
  50
  
  51
  
  52
  
  53
  
  54
  
  55
  
  56
  
  57
  
  58
  
  59
  
  60
  
  61
  
  62
  
  63
  
  64
  
  65
  
  66
  
  67
  
  68
  
  69
  
  70
  
  71
  
  72
  
  73
  
  74
  
  75
  
  76
  
  77
 
 
 
 
 
 
  
  1
  
  2
  
  3
  
  4
  
  5
  
  6
  
  7
  
  8
  
  9
  
  10
  
  11
  
  12
  
  13
  
  14
  
  15
  
  16
  
  17
  
  18
  
  19
  
  20
  
  21
  
  22
  
  23
  
  24
  
  25
  
  26
  
  27
  
  28
  
  29
  
  30
  
  31
  
  32
  
  33
  
  34
  
  35
  
  36
  
  37
  
  38
  
  39
  
  40
  
  41
  
  42
  
  43
  
  44
  
  45
  
  46
  
  47
  
  48
  
  49
  
  50
  
  51
  
  52
  
  53
  
  54
  
  55
  
  56
  
  57
  
  58
  
  59
  
  60
  
  61
  
  62
  
  63
  
  64
  
  65
  
  66
  
  67
  
  68
  
  69
  
  70
  
  71
  
  72
  
  73
  
  74
  
  75
  
  76
  
  77

附主题文件

<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>
 
 
 
 
  
  1
  
  2
  
  3
  
  4
  
  5
  
  6
  
  7
  
  8
  
  9
  
  10
  
  11
  
  12
  
  13
  
  14
  
  15
  
  16
 
 
 
 
 
 
  
  1
  
  2
  
  3
  
  4
  
  5
  
  6
  
  7
  
  8
  
  9
  
  10
  
  11
  
  12
  
  13
  
  14
  
  15
  
  16

附图片文件

bgsmall.jpg

bgbig.ipg

转载地址：http://blog.csdn.net/u013185164/article/details/48091483

版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容，请发送邮件至举报，一经查实，本站将立刻删除。
如需转载请保留出处：http://bianchenghao.cn/39071.html