时间戳

首页 > 解决方案 > Android圆圈显示动画不流畅

android - Android圆圈显示动画不流畅

问题描述

我正在使用圆形显示动画在同一页面中创建登录和注册，使用浮动操作按钮切换视图，将一个视图切换到另一个视图时非常滞后，

登录页面包含两个相对布局和一个浮动操作按钮，一个用于登录，另一个用于注册，当浮动操作按钮单击视图将切换到另一个，即登录到注册，反之亦然..我实现了，但它太滞后了我怎么能做到光滑的

在标签（大屏幕）中它工作得非常顺利（我正在为移动设备创建两个布局，另一个为标签创建）任何人都可以帮助我..这是我的代码..

 @TargetApi(Build.VERSION_CODES.LOLLIPOP)
    private void viewMenu() {

        if (!isOpen) {

//            int x = layoutContent.getRight();
//            int y = layoutContent.getBottom();
            int x = Math.round(fab.getX() + fab.getWidth() / 2);
            int y = Math.round(fab.getY() - fab.getHeight());
            int startRadius = 0;
            int endRadius = (int) Math.hypot(layoutMain.getWidth(), layoutMain.getHeight());

            fab.setBackgroundTintList(ColorStateList.valueOf(ResourcesCompat.getColor(getResources(),android.R.color.white,null)));
            fab.setImageResource(R.drawable.ic_cross);

            Animator anim = ViewAnimationUtils.createCircularReveal(layoutButtons, x, y, startRadius, endRadius);


            anim.setInterpolator(new AccelerateDecelerateInterpolator());
            layoutButtons.setVisibility(View.VISIBLE);
            anim.addListener(new Animator.AnimatorListener() {
                @Override
                public void onAnimationStart(Animator animator) {
//                    fst_view.setVisibility(View.GONE);
                }

                @Override
                public void onAnimationEnd(Animator animator) {

                }

                @Override
                public void onAnimationCancel(Animator animator) {

                }

                @Override
                public void onAnimationRepeat(Animator animator) {

                }
            });
            anim.start();

            isOpen = true;

        } else {

//            int x = layoutButtons.getRight();
//            int y = layoutButtons.getBottom();
            int x = Math.round(fab.getX() + fab.getWidth() / 2);
            int y = Math.round(fab.getY() + fab.getHeight()/2) - toolbar.getHeight();
            int startRadius = Math.max(layoutContent.getWidth(), layoutContent.getHeight());
            int endRadius = 0;

            fab.setBackgroundTintList(ColorStateList.valueOf(ResourcesCompat.getColor(getResources(),R.color.colorAccent,null)));
            fab.setImageResource(R.drawable.ic_menu_camera);
//            fst_view.setVisibility(View.VISIBLE);
            Animator anim = ViewAnimationUtils.createCircularReveal(layoutButtons, x, y, startRadius, endRadius);


            anim.setInterpolator(new AccelerateDecelerateInterpolator());
            anim.addListener(new Animator.AnimatorListener() {
                @Override
                public void onAnimationStart(Animator animator) {

                }

                @Override
                public void onAnimationEnd(Animator animator) {
                    layoutButtons.setVisibility(View.GONE);
                }

                @Override
                public void onAnimationCancel(Animator animator) {

                }

                @Override
                public void onAnimationRepeat(Animator animator) {

                }
            });
            anim.start();

            isOpen = false;
        }

    }

标签： androidanimationviewandroid-animationlinear-interpolation

解决方案

据我所知，您可以使用FastOutLinearInInterpolator()而不是AccelerateDecelerateInterpolator()，并添加anim.setDuration()您想要的动画持续时间。并设置layoutButtons.setVisibility()为文章View.INVISIBLE底部这里描述的一样。

Math.round()此外，您可以在计算视图x、y坐标时去掉。

它对我的情况很有用。

这是我的示例代码

推荐阅读