ImageView按照比例裁剪缩放图片,保持图片不变形失真

图片裁剪加载真的头疼,搞不好就是加载不满imageview,要么就是图片变形失真了。反正是很难满足要求。

如果要求不是特别高,我们可以通过ImageView的scaleType属性来控制图片加载裁剪缩放的效果;当我们的ImageView有最大宽度最大高度的时候,还可以配合adjustViewBounds属性来控制。
好了现在我们不多废话,分两组来检验scaleType属性变化带来的加载效果;
一是图片的宽高都大于ImageView的宽高,下图图片的尺寸为:750*1750;

原始图片750*1750
ImageView的尺寸为350dp*350dp;
ImageView的scaleType的属性分别是matrix、center、centerCrop、centerInside、fitCenter、fitEnd、fitStart、fitXY。

matrix:是以ImageView的宽高为参数,以图片的左上角为基点开始裁剪图片,直至铺满整个ImageView;

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

centerCrop:以填满整个ImageView为目的,将原图的中心对准ImageView的中心,等比例放大原图,直到填满ImageView为止(指的是ImageView的宽和高都要填满),原图超过ImageView的部分作裁剪处理。

centerInside:以原图完全显示为目的,将图片的内容完整居中显示,通过按比例缩小原图的size宽(高)等于或小于ImageView的宽(高)。如果原图的size本身就小于ImageView的size,则原图的size不作任何处理,居中显示在ImageView。

fitCenter:把原图按比例扩大或缩小到ImageView的ImageView的高度,居中显示

fitEnd:把原图按比例扩大(缩小)到ImageView的高度,显示在ImageView的下部分位置

fitStart:把原图按比例扩大(缩小)到ImageView的高度,显示在ImageView的上部分位置

fitXY:把原图按照指定的大小在View中显示,拉伸显示图片,不保持原比例,填满ImageView.

	<ImageView
        android:id="@+id/image"
        android:layout_width="350dp"
        android:layout_height="350dp"
        android:scaleType="fitXY"/>

各属性表现出的效果如下:
在这里插入图片描述
在这里插入图片描述
二是图片的宽度或者高度小于ImageView的宽度挥着高度;
center、centerCrop、centerInside、fitCenter、fitEnd、fitStart、fitXY、matrix各属性意思是一样的,所以这里不再解释,但是表现出来的效果不一样。ImageView尺寸为1080*1920,图片同上。具体效果如下:

在这里插入图片描述

  • 3
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值