带有 objectAnimators 的 R.animator 不适用于片段添加/删除动画答案

【问题标题】：R.animator with objectAnimators aren't working with Fragment add/remove animations带有 objectAnimators 的 R.animator 不适用于片段添加/删除动画
【发布时间】：2016-06-16 05:41:12
【问题描述】：

我不知道为什么这总是很难开始工作。我正在使用 AppCompat 库和android.app.Fragment。我尝试添加动画以向左/向右滑动新片段（就像 iOS 一样），但是当添加片段时，它们会立即添加/删除，没有任何动画。

我做错了什么？

getFragmentManager()
    .beginTransaction()
    .setCustomAnimations(R.animator.slide_in_from_right, R.animator.slide_out_to_the_left)
    .add(R.id.navrootlayout, fragment)
    .addToBackStack(null)
    .commit();

res/animator/slide_in_from_right.xml

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

res/animator/slide_out_to_the_left.xml

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

我什至将动画的持续时间设置为 3000（即 3 秒），这样我就可以肯定地看到它是否正在被使用，但事实并非如此。添加片段时根本没有任何动画。我捕获了它发生的屏幕视频，新片段立即出现（并最终消失）。

【问题讨论】：

“xFraction”是什么属性？
Yeeeeaaaah，我刚刚花了最后一个小时才弄清楚这一点。显然，我从中得到的示例代码假设我将向我的 Layout 类添加自定义属性，但他们没有提到这一点。
我认为它的原因是动画师没有相对的翻译机制，所以你不能滑入。创建一个“xFraction”动画（我假设“X”的百分比）让你做幻灯片。

标签： android android-fragments android-appcompat

【解决方案1】：

我发现我做错了什么。我从某处的示例中获取了动画 xml 文件，并且该示例没有提到我需要自己实现 xFraction 属性。我错误地认为这是一个可以理解 xFraction 和 x 相关的内置行为，类似于旧样式 res/anim 样式动画允许您使用百分比值作为动画开始/结束值的方式。

但是，不。为此，您必须创建布局的子类并自己添加 xFraction 属性。我就是这样做的。

package com.mydomain.myapp;

import android.content.Context;
import android.util.AttributeSet;
import android.widget.RelativeLayout;

public class SlideableLayout extends RelativeLayout {


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

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

    public SlideableLayout(Context context, AttributeSet attrs, int defStyleAttr) {
        super(context, attrs, defStyleAttr);
    }

    public float getXFraction() {
        final int width = getWidth();
        if (width != 0) {
            return getX() / getWidth();
        } else {
            return getX();
        }
    }

    public void setXFraction(float xFraction) {
        final int width = getWidth();
        if (width > 0) {
            setX(xFraction * width);
        } else {
            setX(-10000);
        }
    }
}

然后，对于我想要在屏幕上和屏幕外制作动画的每个片段，我使用 SlideableLayout 作为根布局。

<?xml version="1.0" encoding="utf-8"?>
<com.mydomain.myapp.SlideableLayout xmlns:android="http://schemas.android.com/apk/res/android"
                android:layout_width="match_parent"
                android:layout_height="match_parent"
                android:background="@android:color/holo_blue_bright"
    >

</com.mydomain.myapp.SlideableLayout>

【讨论】：