Skip to content

4. 自定义动画

李晓俊 edited this page Jun 13, 2019 · 2 revisions

自定义动画已经被设计得非常简单,动画和弹窗是无关的;这意味着你可以将动画设置给内置弹窗或者自定义弹窗。继承PopupAnimator,实现3个方法:

  • 如何初始化动画

  • 动画如何开始

  • 动画如何结束

    比如:自定义一个旋转的动画:

    class RotateAnimator extends PopupAnimator{
            @Override
            public void initAnimator() {
                targetView.setScaleX(0);
                targetView.setScaleY(0);
                targetView.setAlpha(0);
                targetView.setRotation(360);
            }
            @Override
            public void animateShow() {
                targetView.animate().rotation(0).scaleX(1).scaleY(1).alpha(1).setInterpolator(new FastOutSlowInInterpolator()).setDuration(animateDuration).start();
            }
            @Override
            public void animateDismiss() {
                targetView.animate().rotation(360).scaleX(0).scaleY(0).alpha(0).setInterpolator(new FastOutSlowInInterpolator()).setDuration(animateDuration).start();
            }
        }

使用自定义动画:

    new XPopup.Builder(getContext())
                        .customAnimator(new RotateAnimator())
                        .asConfirm("演示自定义动画", "当前的动画是一个自定义的旋转动画,无论是自定义弹窗还是自定义动画,已经被设计得非常简单;这个动画代码只有6行即可完成!", null)
                        .show();
  • 不想要动画

默认情况下,每种弹窗都会有个动画效果,如果你实在不想要动画,可以使用这个:

    new XPopup.Builder(getContext())
                        .customAnimator(new EmptyAnimator())
                        .asConfirm("演示自定义动画", "当前的动画是一个自定义的旋转动画,无论是自定义弹窗还是自定义动画,已经被设计得非常简单;这个动画代码只有6行即可完成!", null)
                        .show();