Android 转场动画演进历程与实战解析

Android 转场动画演进历程与实战解析 | 极客日志

Android 转场动画演进历程与实战解析

在移动应用开发中，界面之间的切换流畅度直接影响用户体验。良好的转场动画能够引导用户视线，提供上下文关联感，减少认知负荷。本文将系统梳理 Android 转场动画的发展脉络，从基础的 View 动画到 Material Design 共享元素，再到最新的 Motion 库，结合代码实例深入讲解实现原理与最佳实践。

一、基础转场：overridePendingTransition

在早期的 Android 版本中，Activity 之间的跳转主要依赖 overridePendingTransition 方法。这种方法虽然简单，但功能有限。

1.1 调试技巧

为了观察动画细节，开发者可以通过 ADB 命令调整动画缩放比例，将速度放慢以便分析关键帧：

adb shell settings put global window_animation_scale 10
adb shell settings put global transition_animation_scale 10
adb shell settings put global animator_duration_scale 10

恢复默认速度时，将参数改为 1 即可。

1.2 实现方式

Android 2.0 以后支持通过 XML 定义动画资源，并在跳转时调用该方法。例如，实现一个平移加淡入淡出的效果：

进入动画 (anim_in.xml)

<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android"
    android:duration="500">
    <translate
        android:fromXDelta="100%p"
        android:toXDelta="0" />
    <alpha
        android:fromAlpha="0.0"
        android:toAlpha="1.0" />
</set>

退出动画 (anim_out.xml)

<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android"
    android:duration="500">
    <translate
        android:fromXDelta="0"
        android:toXDelta="-100%p" />
    <alpha
        android:fromAlpha="1.0"
        android:toAlpha="0.0" />
</set>

Kotlin 调用示例

companion object {
    fun start(context: Context) {
        val intent = Intent(context, SecondActivity::class.java)
        context.startActivity(intent)
        if (context is Activity) {
            context.overridePendingTransition(R.anim.anim_in, R.anim.anim_out)
        }
    }
}

1.3 局限性

尽管使用便捷，但 overridePendingTransition 仅支持平移、旋转、缩放和透明度四种基本变换。对于复杂的形状变化或跨视图的连续动画，它无法胜任，且难以与属性动画无缝集成。

二、Material Design 转场动画

Android 5.0 (API 21) 引入了基于属性动画的转场机制，极大地丰富了交互可能性。核心特性包括自定义进入/退出动画以及共享元素过渡。

2.1 进入与退出动画

Material 转场支持三种内置类型：

动画类型	说明
`Explode`	爆炸式，视图移入场景中心或移出
`Slide`	滑动式，从边缘移入或移出
`Fade`	淡入淡出，通过不透明度变化实现

注意：Material 转场默认不支持 Scale 和 Rotation，如需实现需自定义 Transition。

配置方式

override fun onCreate(savedInstanceState: Bundle?) {
    // 开启转场特性
    window.requestFeature(Window.FEATURE_ACTIVITY_TRANSITIONS)
    super.onCreate(savedInstanceState)
    
    // 设置进入与退出动画
    window.enterTransition = Slide()
    window.exitTransition = Slide()
}

启动时配合 ActivityOptions 使用：

startActivity(intent, ActivityOptions.makeSceneTransitionAnimation(this).toBundle())

2.2 共享元素动画

共享元素（Shared Element）是 Material 转场的亮点，允许两个不同界面的相同视图在过渡时保持视觉连续性，仿佛元素从一个界面'流动'到另一个界面。

2.2.1 基础实现

需要在源视图和目标视图上设置相同的 transitionName。

Activity A (源)

ivShoe.transitionName = "shoe_transition"
val options = ActivityOptions.makeSceneTransitionAnimation(
    this,
    binding.ivShoe,
    "shoe_transition"
)
ImageGalleryActivity.start(this, it, options.toBundle(), "shoe_transition")

Activity B (目标)

override fun onCreate(savedInstanceState: Bundle?) {
    window.requestFeature(Window.FEATURE_ACTIVITY_TRANSITIONS)
    
    // 设置共享元素过渡集合
    val transitionSet = TransitionSet()
    transitionSet.addTransition(ChangeBounds())
    transitionSet.addTransition(ChangeClipBounds())
    transitionSet.addTransition(ChangeImageTransform())
    window.sharedElementEnterTransition = transitionSet
    window.sharedElementExitTransition = transitionSet
    
    super.onCreate(savedInstanceState)
    
    // 设置目标视图名称
    val transitionName = intent.getStringExtra("transition_name")
    binding.ivShoe.transitionName = transitionName
}

2.2.2 图片加载延迟处理

当共享元素包含网络图片时，若图片未加载完成即开始动画，会导致视觉错位。Material 库提供了延迟执行机制：

// 在目标 Activity 中
override fun onCreate(savedInstanceState: Bundle?) {
    postponeEnterTransition()
    
    // 模拟图片加载完成后
    Glide.with(this).load(url).into(binding.ivShoe)
    
    binding.ivShoe.post { 
        startPostponedEnterTransition()
    }
}

此机制同样适用于 Fragment 之间的跳转，确保动画时机准确。

三、Android Material Motion 动画

Google 推出的 Material Motion 库进一步封装了转场逻辑，提供了更高级的动画类型，降低了开发复杂度。

3.1 四种核心动画类型

Container Transform: 基于共享元素，但支持 ViewGroup 作为起始视图。常用于卡片展开为详情页的场景。
Shared Axis: 模拟物理世界的轴心移动，支持横向、纵向及 Z 轴平移。
Fade Through: 透明度叠加缩放动画，适用于关联性较弱的界面跳转。
Fade: 纯透明度变化，适合弹窗、菜单等局部遮罩场景。

3.2 依赖引入与配置

建议使用 Platform 包以支持 API 21+ 及 Activity 级别转场：

implementation 'com.google.android.material:material:1.4.0-alpha01'

Activity A 配置

class MainActivity : AppCompatActivity() {
    override fun onCreate(savedInstanceState: Bundle?) {
        window.requestFeature(Window.FEATURE_ACTIVITY_TRANSITIONS)
        setExitSharedElementCallback(MaterialContainerTransformSharedElementCallback())
        window.sharedElementsUseOverlay = false
        super.onCreate(savedInstanceState)
    }
}

Activity B 配置

override fun onCreate(savedInstanceState: Bundle?) {
    window.requestFeature(Window.FEATURE_ACTIVITY_TRANSITIONS)
    setEnterSharedElementCallback(MaterialContainerTransformSharedElementCallback())
    
    binding.mainContent.transitionName = intent.getStringExtra("transition_name")
    
    // 设置具体的容器变换动画
    window.sharedElementEnterTransition = MaterialContainerTransform().apply {
        addTarget(binding.mainContent)
        duration = 300L
    }
    window.sharedElementExitTransition = MaterialContainerTransform().apply {
        addTarget(binding.mainContent)
        duration = 300L
    }
    super.onCreate(savedInstanceState)
}

3.3 性能优化建议

避免过度使用: 复杂的转场会增加 GPU 负担，低端机型可能导致掉帧。建议控制动画时长在 300ms-500ms 之间。
Easing 曲线: 使用标准的贝塞尔曲线（如 FastOutSlowInInterpolator）使运动更符合物理直觉。
层级管理: 确保参与转场的视图层级结构合理，避免深层嵌套导致的计算开销。

四、常见问题排查

4.1 动画不生效

检查是否调用了 window.requestFeature(Window.FEATURE_ACTIVITY_TRANSITIONS)，这是启用转场特性的前提条件。

4.2 共享元素匹配失败

确保源视图和目标视图的 transitionName 完全一致，区分大小写。如果存在多个同名视图，系统可能随机选择一个，导致动画错乱。

4.3 内存泄漏风险

在自定义 Transition 时，避免持有 Activity 或 Context 的强引用，推荐使用 WeakReference 或在 onEnd() 中清理资源。

五、总结

Android 转场动画经历了从简单的 View 动画到复杂的属性动画，再到如今高度封装的 Motion 库的演变过程。

基础阶段: overridePendingTransition 提供了平移、缩放等基础能力，但扩展性差。
Material 阶段: 引入了共享元素概念，实现了跨界面的视觉连续性，支持自定义 Transition。
Motion 阶段: 进一步封装了 Container Transform 等高级效果，降低了开发门槛，提升了动画质感。

开发者应根据项目需求选择合适的方案。对于追求极致体验的应用，建议结合 Material Motion 库与自定义属性动画，同时注意性能监控，确保在不同设备上均能流畅运行。

Android 转场动画演进历程与实战解析