Android transition changeBounds XML如何实现视图尺寸变化动画

Android transition框架中的changeBounds组件专门用于监听视图的边界变化，当视图的宽度、高度或者位置发生改变时，自动生成平滑的过渡动画，通过XML配置的方式可以快速实现这类效果，不需要手动编写属性动画的逻辑。

changeBounds的核心作用

changeBounds是Android Transition框架内置的过渡效果之一，它的核心逻辑是记录视图在场景切换前后的边界信息（包括left、top、right、bottom四个属性），然后计算两个状态之间的差异，自动生成从初始状态到结束状态的平滑动画。它不需要开发者手动指定起始和结束的尺寸值，只需要定义两个场景下的视图布局状态即可。

XML配置实现步骤

1. 定义两个状态的布局文件

首先需要准备两个布局文件，分别对应视图变化前的初始状态和变化后的结束状态，两个布局中同一个视图的id保持一致，尺寸属性设置不同的值。

初始状态布局 res/layout/state_initial.xml：

<?xml version="1.0" encoding="utf-8"?>
<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent">

    <TextView
        android:id="@+id/target_view"
        android:layout_width="100dp"
        android:layout_height="100dp"
        android:layout_gravity="center"
        android:background="@color/purple_500"
        android:text="初始状态"
        android:textColor="@color/white"
        android:gravity="center"/>

</FrameLayout>

结束状态布局 res/layout/state_end.xml：

<?xml version="1.0" encoding="utf-8"?>
<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent">

    <TextView
        android:id="@+id/target_view"
        android:layout_width="200dp"
        android:layout_height="200dp"
        android:layout_gravity="center"
        android:background="@color/purple_500"
        android:text="结束状态"
        android:textColor="@color/white"
        android:gravity="center"/>

</FrameLayout>

2. 定义过渡动画配置

在res/transition目录下创建过渡配置文件，指定使用changeBounds作为过渡效果，还可以设置动画的时长、插值器等属性。

过渡配置文件 res/transition/size_change_transition.xml：

<?xml version="1.0" encoding="utf-8"?>
<changeBounds
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:duration="500"
    android:interpolator="@android:anim/accelerate_decelerate_interpolator"/>

3. 在代码中触发过渡动画

通过TransitionManager加载XML定义的过渡配置和场景，调用过渡方法即可触发动画。

// 加载初始场景
Scene initialScene = Scene.getSceneForLayout(container, R.layout.state_initial, this);
// 加载结束场景
Scene endScene = Scene.getSceneForLayout(container, R.layout.state_end, this);
// 加载XML定义的过渡效果
Transition transition = TransitionInflater.from(this).inflateTransition(R.transition.size_change_transition);
// 设置初始场景
Scene.setCurrentScene(container, initialScene);
// 触发过渡到结束场景
TransitionManager.go(endScene, transition);

进阶配置说明

结合其他过渡效果使用

如果需要同时实现尺寸变化和透明度变化，可以把changeBounds放到过渡集transitionSet中，和其他过渡效果组合使用。

<?xml version="1.0" encoding="utf-8"?>
<transitionSet xmlns:android="http://schemas.android.com/apk/res/android"
    android:duration="500"
    android:ordering="together">

    <changeBounds/>
    <fade android:fadingMode="fade_in_out"/>

</transitionSet>

自定义变化属性

默认情况下changeBounds会监听所有边界相关属性，如果需要指定只监听宽度和高度变化，可以添加属性过滤配置。

<changeBounds
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:duration="500">
    <targets>
        <target android:targetId="@id/target_view"/>
    </targets>
</changeBounds>

注意事项

• 两个场景中的目标视图必须使用相同的id，否则changeBounds无法识别是同一个视图，无法生成过渡动画。
• 如果视图的尺寸变化是通过修改布局参数动态触发的，也可以直接对视图调用requestLayout，同时应用changeBounds过渡，不需要定义两个完整的布局文件。
• 过渡动画的容器不能是根布局为<merge>标签的布局，否则会无法正常加载场景。

常见问题解答

为什么动画没有生效

首先检查两个场景的目标视图id是否一致，其次确认过渡配置是否正确加载，最后检查容器布局是否支持场景切换。如果还是没有效果，可以尝试在代码中打印过渡的执行状态，排查是否是属性没有变化导致动画没有触发。

如何反向播放动画

只需要把初始场景和结束场景互换，再次调用TransitionManager.go方法即可实现反向的尺寸变化动画，不需要额外修改过渡配置。

AndroidtransitionchangeBoundsXML动画视图尺寸变化修改时间：2026-07-24 05:57:26