CircularReveal动画的使用(Android5.0以上)

学习网址:
1.高仿哔哩哔哩客户端的SearchView https://mp.weixin.qq.com/s/X7l4aVY0Y_yfmec5rF4HCQ
2.使用CircularReveal动画效果切换页面 - CSDN博客 http://blog.csdn.net/caroline_wendy/article/details/50756717

1.实现的功能:

1.点击“搜索”按钮,搜索视图以半圆动画展开,并显示输入法;点击“取消”,搜索视图以半圆动画关闭,并隐藏输入法;
2.点击“广告”圆形按钮,跳转广告页面,圆形按钮有Activity之间的关联动画,图片以圆形动画显示;点击“返回”(此处为Android图标),图片以圆形动画消失,“广告”按钮运动回原先的位置;

2.效果图:

3.核心代码

先判断是否是Android5.0以上,是才执行动画,不是则直接显示视图。

if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.LOLLIPOP) {
            final Animator animator = ViewAnimationUtils.createCircularReveal(
                    layoutSearch, layoutSearch.getWidth() - 56, 23, 0,
                    (float) Math.hypot(layoutSearch.getWidth(), layoutSearch.getHeight())
            );
            animator.addListener(new Animator.AnimatorListener() {
                @Override
                public void onAnimationStart(Animator animator) {
                    layoutSearch.setVisibility(View.VISIBLE);
                }

                @Override
                public void onAnimationEnd(Animator animator) {
                    isOpenSearch = true;                    
                }

                @Override
                public void onAnimationCancel(Animator animator) {

                }

                @Override
                public void onAnimationRepeat(Animator animator) {
                }
            });
            animator.setDuration(300);
            animator.start();
        } else {
            layoutSearch.setVisibility(View.VISIBLE); 
            isOpenSearch = true;            
        }

或者

int cx = (layoutContainer.getLeft() + layoutContainer.getRight()) / 2;
        int cy = (layoutContainer.getTop() + layoutContainer.getBottom()) / 2;
        int initialRadius = layoutContainer.getWidth();
        float finalRadius = btnAds.getWidth() / 2;        
        Animator anim = ViewAnimationUtils.createCircularReveal(layoutContainer, cx, cy, initialRadius, finalRadius);
        anim.setDuration(300);
        anim.setInterpolator(new AccelerateDecelerateInterpolator());
        anim.addListener(new AnimatorListenerAdapter() {
            @Override
            public void onAnimationStart(Animator animation) {
                super.onAnimationStart(animation);               
            }

            @Override
            public void onAnimationEnd(Animator animation) {
                super.onAnimationEnd(animation);
                layoutContent.setVisibility(View.GONE);                           
            }
        });
        anim.start();
  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值