探索图片填充模式二--CenterCrop模式的实现

CenterCrop模式解决的就是:

    1. 图片要去两头,留中间 

    2. 图片要填充满控件

  这个模式和fitCenter还有有很大的不同。借鉴上篇文章的思路,我们同样按照Image与ImageView的宽高比差值,分两种情况进行讨论。

  假设原始图片高h,宽w , Imageview的高y,宽x ,比较两者高宽比。裁剪出的图称为Image1:

  1、 当 y / x - h / w > 0 时

  说明Imageview的高宽比大于图片的高宽比,如图所示:

  左图实线标示的是图片Image的高和宽,右图是Imageview。 我们需要从Image的中间按照比例y/x裁剪出一幅图Image1来,如图中虚线所示。

  显而易见,Image1的宽度是w1,高度是h 。

  Image1的高宽比必须和Imageview的高宽比相同,即 y / x = h / w1 , 计算出 w1 = (h * x )/ y

  在FitCenter模式中,我们需要计算Image在画布上的绘制点。在CenterCrop模式中,都是裁剪操作,我们只需要计算在Image的什么地方进行裁剪。从图上可以看出,裁剪点  P的坐标是((w - w1) / 2, 0)。</

  • 6
    点赞
  • 7
    收藏
    觉得还不错? 一键收藏
  • 3
    评论
评论 3
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值