`

Material Design动画(一)reveal effect

 
阅读更多
   Animator animator = ViewAnimationUtils.createCircularReveal(btn2,
                        btn2.getWidth() / 2,
                        btn2.getHeight() / 2, 0,
                        btn2.getHeight());

                animator.addListener(new AnimatorListenerAdapter() {
                    @Override
                    public void onAnimationStart(Animator animator) {
                        super.onAnimationStart(animator);
                        Log.d(TAG, "onAnimationStart");
                        btn2.setVisibility(View.VISIBLE);
                    }

                    @Override
                    public void onAnimationResume(Animator animation) {
                        super.onAnimationResume(animation);
                        Log.d(TAG, "onAnimationResume");

                    }

                    @Override
                    public void onAnimationEnd(Animator animation) {
                        super.onAnimationEnd(animation);
                        Log.d(TAG, "onAnimationEnd");
                    }

                    @Override
                    public void onAnimationPause(Animator animation) {
                        super.onAnimationPause(animation);
                        Log.d(TAG, "onAnimationPause");
                    }
                });

                animator.setInterpolator(new LinearInterpolator());
                animator.setDuration(3000);
                animator.start();
            }


btn2这个view从无到有 以 btn2.getWidth() / 2 和 btn2.getHeight() / 2为圆心,初始半径为 0 终止半径为 btn2.getHeight()展示出来

需要注意的一点: btn2一定要设置成invisible而不能设置为gone
分享到:
评论

相关推荐

    android关于materialDesign的学习

    9. **过渡和动画(Transitions and Animations)**:Material Design强调过渡效果,如`MaterialSharedTransition`和`RevealEffect`,增加用户的沉浸感。 10. **颜色和类型尺度(Color and Type Scales)**:遵循...

    Material Design动画教程

    源码material-cat,以猫的照片为例的Material Design动画教程。包括Ripple Effect,Reveal Animation,Activity Transition (Shared Element),Animated Vector Drawable。

    Curved-Fab-Reveal-Example.zip

    【标题】"Curved-Fab-Reveal-Example.zip" 提供了一个示例,展示了如何实现曲线形状的Floating Action Button(FAB)与Material Design中的Reveal Effect相结合的技术。这一技术通常用于Android应用开发,旨在创建...

    Node.js-MaterialDesignRevealEffect形式的Toolbar搜索控件

    "Node.js-MaterialDesignRevealEffect形式的Toolbar搜索控件"是一个专门为Android平台设计的组件,它结合了Material Design的风格和交互特性,特别是在Toolbar中的搜索功能上实现了"Reveal Effect"效果。这种效果...

    Material design 当中控件案例

    5. **过渡动画**:Material Design强调过渡和动画,如涟漪效果(Ripple Effect)、滑动展开(Reveal Effect)等。这些动画使得用户交互更生动,增强了用户体验。 6. **Material Design布局**:包括CardView、...

    Reveal-Effect:Web + Fluent Design展现效果

    "Reveal-Effect:Web + Fluent Design展现效果"是一个关于将微软的Fluent Design System应用于Web项目的主题。Fluent Design System是微软推出的一种设计语言,旨在为Windows 10及跨平台应用提供深度、动感和视觉层次...

    单击水波效果

    在这个案例中,文件名"RevealLayout"暗示了我们可能使用了`androidx.core.view.RevealEffect`库中的`RevealEffect`类,这是一个用来实现Material Design中“揭示”动画的工具,常用于圆形或矩形的显示和隐藏效果,与...

    安卓水波纹效果

    1. **RevealEffect**:这是Android SDK中提供的一个叫做`android.view.animation.RevealEffect`的类,它利用了`Path`和`Paint`来绘制圆心扩散的效果。通过设置`MotionEvent`的坐标作为波纹的起点,然后随着时间的...

    AndroidRevealExample:Android Lollipop 显示动画示例

    Android Lollipop引入了一种新的动画机制,称为Material Design动画,其中最引人注目的是“揭示”动画(Reveal Effect)。本项目"AndroidRevealExample"就是针对这种动画效果的一个示例,旨在帮助开发者了解如何在...

    产生圆形扩展效果

    总的来说,"Curved-Fab-Reveal-Example"项目提供了一个学习和实践Android动画、过渡效果和Material Design设计原则的好例子。通过深入研究项目源码,开发者可以掌握如何在自己的应用中实现类似的高级交互功能。

    Blog_Materialize:使用Materialize框架创建的博客,适用于任何设备

    Materialize CSS框架就是这样一个强大的工具,它为开发者提供了一套完整的、基于Google Material Design规范的组件库,帮助我们轻松创建美观且适应各种屏幕尺寸的博客。本文将深入探讨如何利用Materialize框架来构建...

Global site tag (gtag.js) - Google Analytics