Android L 沉浸式状态栏和圆形动画实现炫酷效果

ViewAnimationUtils.createCircularReveal()动画Android L引进到Android中的,此动画是能够实现圆形快速切换,属于Google Material Design风格的动画。

官方给动画是这样描述:
当您显示或隐藏一组 UI 元素时,揭露动画可为用户提供视觉连续性。ViewAnimationUtils.createCircularReveal() 方法让您能够为裁剪区域添加动画以揭露或隐藏视图。

注意:此方法只能在Android L及其以上使用,再Android L 以下不能使用该方法 使用会报异常。

为了方便最低版本就设置成了21 也就是Android L
Android L 以下使用动画会发生异常

minSdkVersion 21

第一步

跳转页,打开SecondActivity界面

fab = (FloatingActionButton) findViewById(R.id.fab);
fab.setOnClickListener(new View.OnClickListener() {
    @Override
    public void onClick(View view) {
        Intent intent = new Intent();
        intent.setClass(MainActivity.this, SecondActivity.class);
        startActivity(intent);
    }
});

第二步

设置SecondActivity的布局

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical">
    <LinearLayout
        android:id="@+id/ll_root"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:background="@mipmap/bg_meinv"/>

</LinearLayout>

第三步

设置SecondActivity的沉浸式状态栏(Android4.4后)可设置
让图片和通知栏,导航栏融为一体,使动画执行起来效果更好

//透明状态栏
getWindow().addFlags(WindowManager.LayoutParams.FLAG_TRANSLUCENT_STATUS);
//透明导航栏
getWindow().addFlags(WindowManager.LayoutParams.FLAG_TRANSLUCENT_NAVIGATION);

如图所示:


第四步

进入SecondActivity 执行圆形动画

layoutView= (LinearLayout) findViewById(R.id.ll_root);
layoutView.post(new Runnable() {
    @Override
    public void run() {
        // 圆形动画的x坐标  位于View的中心
        int cx = (layoutView.getLeft() + layoutView.getRight()) / 2;

        //圆形动画的y坐标  位于View的中心
        int cy = (layoutView.getTop() + layoutView.getBottom()) / 2;

        //起始大小半径
        float startX=0f;

        //结束大小半径 大小为图片对角线的一半
        float startY= (float) Math.sqrt(cx*cx+cy*cy);
        Animator animator=ViewAnimationUtils.createCircularReveal(layoutView,cx,cy,startX,startY);

        //在动画开始的地方速率改变比较慢,然后开始加速
        animator.setInterpolator(new AccelerateInterpolator());
        animator.setDuration(600);
        animator.start();
    }
});

最终效果

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

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

安果移不动

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值