scaleType设置缩放类型

android:scaleType用于设置显示的图片如何缩放或者移动以适应ImageView的大小Java代码中可以通过imageView.setScaleType(ImageView.ScaleType.CENTER);来设置~可选值如下:

  • fitXY:对图像的横向与纵向进行独立缩放,使得该图片完全适应ImageView,但是图片的横纵比可能会发生改变
  • fitStart:保持纵横比缩放图片,知道较长的边与Image的边长相等,缩放完成后将图片放在ImageView的左上角
  • fitCenter:同上,缩放后放于中间;
  • fitEnd:同上,缩放后放于右下角;
  • center:保持原图的大小,显示在ImageView的中心。当原图的size大于ImageView的size,超过部分裁剪处理。
  • centerCrop:保持横纵比缩放图片,知道完全覆盖ImageView,可能会出现图片的显示不完全
  • centerInside:保持横纵比缩放图片,直到ImageView能够完全地显示图片
  • matrix:默认值,不改变原图的大小,从ImageView的左上角开始绘制原图,原图超过ImageView的部分作裁剪处理

接下来我们一组组的来对比:


1)1.fitEnd,fitStart,fitCenter

这里以fitEnd为例,其他两个类似:

示例代码:

<!-- 保持图片的横纵比缩放,知道该图片能够显示在ImageView组件上,并将缩放好的图片显示在imageView的右下角 -->
    <ImageView
        android:id="@+id/imageView3"
        android:layout_width="300px"
        android:layout_height="300px"
        android:layout_margin="5px"
        android:scaleType="fitEnd"
        android:src="@mipmap/meinv" />

运行效果图:


2)centerCrop与centerInside

  • centerCrop:按横纵比缩放,直接完全覆盖整个ImageView
  • centerInside:按横纵比缩放,使得ImageView能够完全显示这个图片

示例代码:

<ImageView
        android:layout_width="300px"
        android:layout_height="300px"
        android:layout_margin="5px"
        android:scaleType="centerCrop"
        android:src="@mipmap/meinv" />

    <ImageView
        android:layout_width="300px"
        android:layout_height="300px"
        android:layout_margin="5px"
        android:scaleType="centerInside"
        android:src="@mipmap/meinv" />

运行效果图:


3)fitXY

不按比例缩放图片,目标是把图片塞满整个View

示例代码:

<ImageView
        android:layout_width="300px"
        android:layout_height="300px"
        android:layout_margin="5px"
        android:scaleType="fixXY"
        android:src="@mipmap/meinv" />

运行效果图:

好吧,明显扁了=-=~


4)matrix

从ImageView的左上角开始绘制原图,原图超过ImageView的部分作裁剪处理

示例代码:

<ImageView
        android:layout_width="300px"
        android:layout_height="300px"
        android:layout_margin="5px"
        android:scaleType="matrix"
        android:src="@mipmap/meinv" />

运行效果图:


5)center

保持原图的大小,显示在ImageView的中心。当原图的size大于ImageView的size,超过部分裁剪处理。

示例代码:

<ImageView
        android:layout_width="300px"
        android:layout_height="300px"
        android:layout_margin="5px"
        android:scaleType="center"
        android:src="@mipmap/meinv" />

运行效果图:

  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Android 中的 `android:scaleType` 是一个 ImageView 的属性,用于设置图片的缩放类型。 具体来说,当设置了 `android:scaleType` 属性后,ImageView 会根据指定的缩放类型来对图片进行缩放,以适应 ImageView 的大小。常见的缩放类型包括: - `center`:将图片居中显示,不进行缩放。 - `centerCrop`:按比例缩放图片,使其充满 ImageView,超出部分将被裁剪。 - `centerInside`:按比例缩放图片,使其完整显示在 ImageView 中,可能会留有空白区域。 - `fitCenter`:按比例缩放图片,使其完整显示在 ImageView 中,可能会留有空白区域。 - `fitEnd`:按比例缩放图片,使其完整显示在 ImageView 中,并放置在 ImageView 的右下角,可能会留有空白区域。 - `fitStart`:按比例缩放图片,使其完整显示在 ImageView 中,并放置在 ImageView 的左上角,可能会留有空白区域。 - `fitXY`:不按比例缩放图片,使其填满 ImageView,可能会导致图片变形。 示例代码: ``` <ImageView android:id="@+id/myImage" android:layout_width="match_parent" android:layout_height="match_parent" android:src="@drawable/my_image" android:scaleType="centerCrop" /> ``` 在这个示例中,ImageView 显示了一张名为 `my_image` 的图片,并设置了 `android:scaleType` 属性为 `centerCrop`,即按比例缩放图片,使其充满 ImageView,超出部分将被裁剪。 需要注意的是,`android:scaleType` 属性只对设置了图片的 ImageView 有效。如果 ImageView 没有设置图片,这个属性不会起作用。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值