Android ImageView scaleType 属性详细介绍与使用

3,296 阅读1分钟
  • scaleType 属性值

    含义
    center保持原图的大小,显示在 ImageView 的中心。当原图的 size 大于 ImageViewsize 时超过部分裁剪处理。
    centerCrop等比缩放显示中间部分,保证完全覆盖 Imageview,可能会出现图片的显示不完全
    centerInside等比缩放显示全部,直到 ImageView 能够元全地显示图片
    fitXY填充显示,完全覆盖 ImageView,会出现拉伸或者压缩的情况
    fitCenter等比例缩放图片,保证图片完整展示。缩放后显示到 ImageView 中间。
    fitEnd同上,缩放后显示 ImageView 右下角。
    fitStart同上,缩放后显示 ImageView 左上角。
    matrix不改变原图的大小,从 ImageView 的左上角开始绘制原图,原图超过 ImageView 的部分作裁剪处理。
  • 属性值使用

    <!-- none -->
    <ImageView
        android:layout_width="160dp"
        android:layout_height="80dp"
        android:background="#ffc"
        android:src="@mipmap/ic_launcher" />
    <!-- android:scaleType="center" -->
    <ImageView
        android:layout_width="160dp"
        android:layout_height="80dp"
        android:background="#ffc"
        android:scaleType="center"
        android:src="@mipmap/ic_launcher" />
    <!-- android:scaleType="centerCrop" -->
    <ImageView
        android:layout_width="160dp"
        android:layout_height="80dp"
        android:background="#ffc"
        android:scaleType="centerCrop"
        android:src="@mipmap/ic_launcher" />
    <!-- android:scaleType="centerInside" -->
    <ImageView
        android:layout_width="160dp"
        android:layout_height="80dp"
        android:background="#ffc"
        android:scaleType="centerInside"
        android:src="@mipmap/ic_launcher" />
    <!-- android:scaleType="fitXY" -->
    <ImageView
        android:layout_width="160dp"
        android:layout_height="80dp"
        android:background="#ffc"
        android:scaleType="fitXY"
        android:src="@mipmap/ic_launcher" />
    <!-- android:scaleType="fitCenter" -->
    <ImageView
        android:layout_width="160dp"
        android:layout_height="80dp"
        android:background="#ffc"
        android:scaleType="fitCenter"
        android:src="@mipmap/ic_launcher" />
    <!-- android:scaleType="fitEnd" -->
    <ImageView
        android:layout_width="160dp"
        android:layout_height="80dp"
        android:background="#ffc"
        android:scaleType="fitEnd"
        android:src="@mipmap/ic_launcher" />
    <!-- android:scaleType="fitStart" -->
    <ImageView
        android:layout_width="160dp"
        android:layout_height="80dp"
        android:background="#ffc"
        android:scaleType="fitStart"
        android:src="@mipmap/ic_launcher" />
    <!-- android:scaleType="matrix" -->
    <ImageView
        android:layout_width="160dp"
        android:layout_height="80dp"
        android:background="#ffc"
        android:scaleType="matrix"
        android:src="@mipmap/ic_launcher" />
    
  • 效果

    image.png