Android 动画-CircularReveal

上篇已经记录了Android 5.0以上的转场共享动画的知识,这次在来整理一下另一个比较炫的动画:CircularReveal
CircularReveal也是MaterialDesign下的内容,也就是Android 5.0 API >= 21才能使用的。

一、实现

这里写图片描述

效果如上,是一个点击涟漪的感觉。代码实现也很简单:

Animator anim = ViewAnimationUtils.createCircularReveal(
                view, 
                (int) event.getX(),
                (int) event.getY(),
                 0,
                (float) Math.hypot(v.getWidth(), v.getHeight()));
        anim.setDuration(1000);  
        anim.setInterpolator(new AccelerateDecelerateInterpolator());
        anim.start();

可见主要代码是createCircularReveal

public static Animator createCircularReveal (View view, int centerX,int centerY, float startRadius, float endRadius)

参数说明:

  1. View view, 指定了为哪个View执行动画
  2. int centerX, 涟漪效果的中心x轴位置
  3. int centerY, 涟漪效果的中心y轴位置
  4. float startRadius, 开始的半径
  5. float endRadius, 结束的半径

很简单的实现吧,但是这么简单代码在项目中可应用的效果还是不错的,上面的效果算是一个抛砖引玉吧,来看下实际应用的效果:

这里写图片描述

顶部的SearchView和底部的BottomNavigation都实现了这样的效果。

栗子详细代码,请点这里~

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

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值