如何在 Android 上实现流畅的片段交易动画

Question

我主要使用 iOS 并且已经习惯了非常流畅流畅的屏幕切换动画。我现在正在开发一个 Android 应用程序，但我终其一生都无法让片段交易顺利地 add/replace 片段。

我的设置如下：MainActivity 的 xml 有一个 FrameLayout，我立即将 FragmentA 加载到 MainActivity 上OnCreate。然后我的应用程序继续用 FragmentB、FragmentC 等替换 MainActivity 的 FrameLayout。所以我的整个应用程序有 1 activity.

单击按钮时，我将以下内容调用到 add/replace 当前片段：

        getFragmentManager()
            .beginTransaction()
            .setCustomAnimations(R.animator.slide_in, android.R.animator.fade_out, android.R.animator.fade_in, R.animator.slide_out)
            .addToBackStack(null)
            .add(R.id.fragment_1, fragment)
            .commit();

slide_in.xml看起来像（slide_out.xml显然是相反的）：

 <?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android">
    <objectAnimator
            android:interpolator="@android:interpolator/linear"
            android:propertyName="xFraction"
            android:valueType="floatType"
            android:valueFrom="1.0"
            android:valueTo="0"
            android:duration="@android:integer/config_shortAnimTime"
        />
</set>

滑入和滑出我正在为 xFraction 设置动画，我将其子类化 LinearLayout 这样做：

public class SlidingLinearLayout extends LinearLayout {

    private float yFraction = 0;
    private float xFraction = 0;

    public SlidingLinearLayout(Context context) {
        super(context);
    }

    public SlidingLinearLayout(Context context, AttributeSet attrs) {
        super(context, attrs);
    }

    public SlidingLinearLayout(Context context, AttributeSet attrs, int defStyle) {
        super(context, attrs, defStyle);
    }

    private ViewTreeObserver.OnPreDrawListener preDrawListener = null;

    public void setYFraction(float fraction) {

        this.yFraction = fraction;

        if (getHeight() == 0) {
            if (preDrawListener == null) {
                preDrawListener = new ViewTreeObserver.OnPreDrawListener() {
                    @Override
                    public boolean onPreDraw() {
                        getViewTreeObserver().removeOnPreDrawListener(preDrawListener);
                        setYFraction(yFraction);
                        return true;
                    }
                };
                getViewTreeObserver().addOnPreDrawListener(preDrawListener);
            }
            return;
        }

        float translationY = getHeight() * fraction;
        setTranslationY(translationY);
    }

    public float getYFraction() {
        return this.yFraction;
    }

    public void setXFraction(float fraction) {

        this.xFraction = fraction;

        if (getWidth() == 0) {
            if (preDrawListener == null) {
                preDrawListener = new ViewTreeObserver.OnPreDrawListener() {
                    @Override
                    public boolean onPreDraw() {
                        getViewTreeObserver().removeOnPreDrawListener(preDrawListener);
                        setXFraction(xFraction);
                        return true;
                    }
                };
                getViewTreeObserver().addOnPreDrawListener(preDrawListener);
            }
            return;
        }

        float translationX = getWidth() * fraction;
        setTranslationX(translationX);
    }

    public float getxFraction() {
        return xFraction;
    }
}

所以我的问题是大多数时候，当我最初单击一个按钮以 add/replace 一个片段时，我没有得到一个动画，它只是弹出到位。然而，当我按下后退按钮并且片段从后台弹出时，动画按预期执行的次数多于不。我觉得这是尝试动画时初始化的问题。当片段在内存中并在屏幕外动画时，它比创建新片段然后在屏幕上动画要好得多。我很好奇其他人是否遇到过这种情况，如果遇到过，他们是如何解决的。

这是困扰我 Android 开发经验的一个烦恼，我真的很想放下它！任何帮助将不胜感激。谢谢！

Answer 1

根据我的经验，如果片段在负载上做太多工作，那么系统基本上会跳过进入动画而只显示片段。在我的例子中，解决方案是在 onCreateAnimation 中创建一个动画侦听器，以等待进入动画完成，然后再执行导致动画被跳过的过程密集型工作。

@Override
public Animation onCreateAnimation(int transit, boolean enter, int nextAnim) {
    if (nextAnim == 0) {
        return super.onCreateAnimation(transit, enter, nextAnim);
    }

    Animation anim = android.view.animation.AnimationUtils.loadAnimation(getContext(), nextAnim);
    anim.setAnimationListener(new Animation.AnimationListener() {
        @Override
        public void onAnimationStart(Animation animation) {}
        @Override
        public void onAnimationEnd(Animation animation) {
            // Do any process intensive work that can wait until after fragment has loaded
        }

        @Override
        public void onAnimationRepeat(Animation animation) {}
    });
    return anim;
}

如何在 Android 上实现流畅的片段交易动画

How to achieve smooth fragment transaction animations on Android

performance

android

android-fragments

fragmenttransaction