创建自定义过渡动画

自定义过渡允许您创建任何内置过渡类都无法提供的动画。例如，您可以定义一个自定义过渡，将文本和输入字段的前景色更改为灰色，以指示新屏幕中的字段已禁用。这种类型的更改有助于用户看到您禁用的字段。

自定义过渡（如内置过渡类型之一）会将动画应用于起始场景和结束场景的子视图。但是，与内置过渡类型不同，您必须提供捕获属性值和生成动画的代码。您可能还想为动画定义目标视图的子集。

本页面将教您如何捕获属性值和生成动画以创建自定义过渡。

扩展 Transition 类

要创建自定义过渡，请向您的项目中添加一个类，该类扩展 Transition 类并覆盖以下代码段中显示的函数

Kotlin

class CustomTransition : Transition() {

    override fun captureStartValues(transitionValues: TransitionValues) {}

    override fun captureEndValues(transitionValues: TransitionValues) {}

    override fun createAnimator(
        sceneRoot: ViewGroup,
        startValues: TransitionValues?,
        endValues: TransitionValues?
    ): Animator? {}

}

Java

public class CustomTransition extends Transition {

    @Override
    public void captureStartValues(TransitionValues values) {}

    @Override
    public void captureEndValues(TransitionValues values) {}

    @Override
    public Animator createAnimator(ViewGroup sceneRoot,
                                   TransitionValues startValues,
                                   TransitionValues endValues) {}
}

以下部分将解释如何覆盖这些函数。

捕获视图属性值

过渡动画使用属性动画概述中描述的属性动画系统。属性动画在指定的时间段内将视图属性从起始值更改为结束值，因此框架需要具有属性的起始值和结束值才能构建动画。

但是，属性动画通常只需要所有视图属性值的一小部分。例如，颜色动画需要颜色属性值，而移动动画需要位置属性值。由于用于动画的属性值特定于过渡，因此过渡框架不会向过渡提供所有属性值。相反，框架调用回调函数，这些函数允许过渡仅捕获它需要的属性值并将其存储在框架中。

捕获起始值

要将起始视图值传递到框架，请实现 captureStartValues(transitionValues) 函数。框架会针对起始场景中的每个视图调用此函数。函数参数是 TransitionValues 对象，其中包含对视图的引用以及 Map 实例，您可以在其中存储所需的视图值。在您的实现中，检索这些属性值并通过将其存储在地图中将其传递回框架。

为确保属性值的键不与其他 TransitionValues 键冲突，请使用以下命名方案

package_name:transition_name:property_name

以下代码段显示了 captureStartValues() 函数的实现

Kotlin

class CustomTransition : Transition() {

    // Define a key for storing a property value in
    // TransitionValues.values with the syntax
    // package_name:transition_class:property_name to avoid collisions
    private val PROPNAME_BACKGROUND = "com.example.android.customtransition:CustomTransition:background"

    override fun captureStartValues(transitionValues: TransitionValues) {
        // Call the convenience method captureValues
        captureValues(transitionValues)
    }

    // For the view in transitionValues.view, get the values you
    // want and put them in transitionValues.values
    private fun captureValues(transitionValues: TransitionValues) {
        // Get a reference to the view
        val view = transitionValues.view
        // Store its background property in the values map
        transitionValues.values[PROPNAME_BACKGROUND] = view.background
    }

    ...

}

Java

public class CustomTransition extends Transition {

    // Define a key for storing a property value in
    // TransitionValues.values with the syntax
    // package_name:transition_class:property_name to avoid collisions
    private static final String PROPNAME_BACKGROUND =
            "com.example.android.customtransition:CustomTransition:background";

    @Override
    public void captureStartValues(TransitionValues transitionValues) {
        // Call the convenience method captureValues
        captureValues(transitionValues);
    }


    // For the view in transitionValues.view, get the values you
    // want and put them in transitionValues.values
    private void captureValues(TransitionValues transitionValues) {
        // Get a reference to the view
        View view = transitionValues.view;
        // Store its background property in the values map
        transitionValues.values.put(PROPNAME_BACKGROUND, view.getBackground());
    }
    ...
}

捕获结束值

框架会针对结束场景中的每个目标视图调用一次 captureEndValues(TransitionValues) 函数。在所有其他方面，captureEndValues() 与 captureStartValues() 的工作方式相同。

以下代码段显示了 captureEndValues() 函数的实现

Kotlin

override fun captureEndValues(transitionValues: TransitionValues) {
    captureValues(transitionValues)
}

Java

@Override
public void captureEndValues(TransitionValues transitionValues) {
    captureValues(transitionValues);
}

在此示例中，captureStartValues() 和 captureEndValues() 函数都调用 captureValues() 来检索和存储值。captureValues() 检索的视图属性相同，但在起始场景和结束场景中具有不同的值。框架为视图的起始状态和结束状态维护单独的地图。

创建自定义动画器

要动画化视图在其起始场景中的状态与其在结束场景中的状态之间发生的更改，请通过覆盖 createAnimator() 函数提供动画器。当框架调用此函数时，它会传入场景根视图以及包含您捕获的起始值和结束值的 TransitionValues 对象。

框架调用 createAnimator() 函数的次数取决于起始场景和结束场景之间发生的更改。

例如，考虑将淡出或淡入动画实现为自定义过渡。如果起始场景有五个目标，其中两个从结束场景中删除，而结束场景有三个起始场景中的目标加上一个新目标，则框架会调用六次 createAnimator()。其中三个调用会动画化保持在两个场景对象中的目标的淡出和淡入。另外两个调用会动画化从结束场景中删除的目标的淡出。一个调用会动画化结束场景中新目标的淡入。

对于同时存在于起始场景和结束场景中的目标视图，框架会为 startValues 和 endValues 参数提供一个 TransitionValues 对象。对于仅存在于起始场景或结束场景中的目标视图，框架会为相应参数提供 TransitionValues 对象，并为另一个提供 null。

要实现 createAnimator(ViewGroup, TransitionValues, TransitionValues) 函数以创建自定义过渡，请使用您捕获的视图属性值创建一个 Animator 对象并将其返回到框架。有关示例实现，请参阅 ChangeColor 类（位于 CustomTransition 示例中）。有关属性动画器的更多信息，请参阅属性动画。

应用自定义过渡

自定义过渡的工作方式与内置过渡相同。您可以使用过渡管理器应用自定义过渡，如应用过渡中所述。