探索ImageView图片填充算法--fitCenter模式的实现

本文探讨了ImageView的fitCenter填充模式,详细解释了如何实现这种居中填充的算法。通过比较图片和ImageView的宽高比,确定图片在画布上的位置和尺寸,以保持图片完整并居中显示。同时,提供了核心算法代码实现,帮助读者更好地理解和应用fitCenter模式。
摘要由CSDN通过智能技术生成
  在ImageView显示图片时,有如下几种图片填充模式scaleType: matrix ,fitXY,fitStart, fitEnd, fitCenter, center, centerCrop, centerInside。 这几种填充方式的区别不做展开,大家弄几张图片逐个尝试一下便知。
  我感兴趣的是这几种图片填充模式是如何实现的,在这里我们以fitCenter为例,动手探索一下这种填充模式算法是如何实现的。通过思考算法,我也更深刻体会到了这几种填充模式应用场景。
  只有当图片本身的大小不符合ImageView控件的大小时,才会发生填充的动作, fitCenter顾名思义是居中填充。我们不妨将ImageView看成一张画布,那么填充模式解决的问题其实就是如何画图以及在哪里画图的问题

  套用上面的话来说,fitCenter模式解决的就是:
  1. 图片完整展现 (fit开头的模式都是保留完整的图片,不存在切割和局部展现问题)
  2. 图片要居中绘制

  绘制图片到画布时,重要的参考指标就是图片的宽高比,以及画布的宽高比,这两个参数的差值决定了以何种方式拉伸图片。可能你还是一头雾水,我们分两种情况来讨论。
   假设图片高h,宽w ,  Imageview的高y
评论 5
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值