如何用TransitionManager.beginDelayedTransition()实现TextView复用的上滑淡出动画？

嘿，我完全get到你的需求了——要复用同一个TextView实现上滑淡出的文本切换动画，而且想基于TransitionManager.beginDelayedTransition()来替代当前用的TextSwitcher，对吧？这个方案不仅可行，还比TextSwitcher更灵活，下面给你一步步拆解实现思路和代码示例。

TransitionManager.beginDelayedTransition()的核心能力是自动记录ViewGroup及其子View在调用方法前后的属性状态，然后生成补间动画完成状态过渡。我们要做的就是：在更新文本前触发过渡，通过修改TextView的位置（上滑）和透明度（淡出）触发动画，动画结束后重置TextView属性并更新文本，全程复用同一个实例。

1. 准备布局 #

用一个ViewGroup（比如FrameLayout）作为TextView的父容器，方便控制TextView的位置，同时这也是TransitionManager能监控状态变化的前提：

<FrameLayout
    android:id="@+id/parent_container"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:padding="16dp">

    <TextView
        android:id="@+id/reusable_text"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Text 1"
        android:textSize="24sp"
        android:clickable="true"/>

</FrameLayout>

2. 自定义过渡动画 #

组合Slide（上滑）和Fade（淡出）过渡，让它们同时执行，完全匹配你要的效果：

private TextView reusableText;
private FrameLayout parentContainer;
private final String[] textList = {"Text 1", "Text 2", "Text 3"};
private int currentTextIndex = 0;

@Override
protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.activity_main);

    reusableText = findViewById(R.id.reusable_text);
    parentContainer = findViewById(R.id.parent_container);

    // 点击TextView触发切换
    reusableText.setOnClickListener(v -> switchWithSlideFade());
}

private void switchWithSlideFade() {
    currentTextIndex = (currentTextIndex + 1) % textList.length;

    // 组合上滑+淡出的过渡动画
    TransitionSet transitionSet = new TransitionSet();
    transitionSet.setOrdering(TransitionSet.ORDERING_TOGETHER);
    transitionSet.setDuration(500); // 动画时长500ms

    // 上滑动画：向上移动50dp
    Slide slideUp = new Slide(Gravity.TOP);
    slideUp.setSlideDistance(dpToPx(50));
    slideUp.addTarget(reusableText);

    // 淡出动画
    Fade fadeOut = new Fade(Fade.OUT);
    fadeOut.addTarget(reusableText);

    transitionSet.addTransition(slideUp);
    transitionSet.addTransition(fadeOut);

    // 监听动画结束：重置TextView状态并更新文本
    transitionSet.addListener(new Transition.TransitionListener() {
        @Override
        public void onTransitionStart(Transition transition) {}

        @Override
        public void onTransitionEnd(Transition transition) {
            // 重置位置和透明度，为下次动画做准备
            reusableText.setTranslationY(0);
            reusableText.setAlpha(1f);
            // 更新文本（复用同一个TextView）
            reusableText.setText(textList[currentTextIndex]);
        }

        @Override
        public void onTransitionCancel(Transition transition) {}
        @Override
        public void onTransitionPause(Transition transition) {}
        @Override
        public void onTransitionResume(Transition transition) {}
    });

    // 启动延迟过渡，TransitionManager会自动捕捉状态变化
    TransitionManager.beginDelayedTransition(parentContainer, transitionSet);

    // 修改TextView属性，触发动画
    reusableText.setTranslationY(-dpToPx(50));
    reusableText.setAlpha(0f);
}

// dp转px工具方法
private int dpToPx(int dp) {
    return (int) TypedValue.applyDimension(
        TypedValue.COMPLEX_UNIT_DIP,
        dp,
        getResources().getDisplayMetrics()
    );
}

3. 关键逻辑说明 #

• 调用beginDelayedTransition()后，TransitionManager会记录当前TextView的状态（位置、透明度）。
• 修改TextView的translationY和alpha属性后，TransitionManager会自动生成补间动画，实现上滑+淡出的效果。
• 动画结束后重置TextView的属性，确保下次切换能正常触发动画，同时更新文本，全程没有创建新的TextView实例。

• 灵活性更高：可以任意调整动画参数（比如上滑距离、时长），甚至组合缩放、旋转等其他过渡效果，完全自定义动画逻辑。
• 布局更简洁：不需要嵌套TextSwitcher或ViewSwitcher容器，直接用普通ViewGroup即可。
• 完全复用实例：从始至终只用到一个TextView，完美满足你“不能创建新实例”的要求。

内容的提问来源于stack exchange，提问作者div