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

Question

我主要使用 iOS 并且已经习惯了非常流畅流畅的屏幕切换动画。我现在正在开发一个 Android 应用程序，并且我一生都无法获得片段事务来顺利添加/替换片段。

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

点击按钮时，我调用以下代码来添加/替换当前片段：

        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;
    }
}

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

这是困扰我的 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;
}