Android共享元素动画

菠萝加点糖2023-12-17 8:29

示例在两个 Activity 之间实现共享元素动画

首先，在布局文件中定义两个界面的 SurfaceView，并为它们设置相同的 android:transitionName 属性

复制代码

<SurfaceView
                android:transitionName="shared_sv"
                android:id="@+id/preview_surface"
                android:layout_width="match_parent"
                android:layout_height="match_parent"></SurfaceView>

在源 Activity 中，当用户启动目标 Activity，并设置共享元素动画

复制代码

 val intent = Intent(this, TargetActivity::class.java)
 val options = ActivityOptionsCompat.makeSceneTransitionAnimation(
        this,
        preview,
        ViewCompat.getTransitionName(preview) ?: ""
 )
ActivityCompat.startActivity(this, intent, options.toBundle())

在目标 Activity 中，加载完成后启动动画过渡：

复制代码

	// 启动动画过渡
    supportStartPostponedEnterTransition();

    // 添加共享元素转场动画的监听器
    Transition enterTransition = getWindow().getSharedElementEnterTransition();
    if (enterTransition != null) {
        enterTransition.addListener(new Transition.TransitionListener() {
            @Override
            public void onTransitionStart(Transition transition) {
                // 动画开始时的处理逻辑
            }

            @Override
            public void onTransitionEnd(Transition transition) {
                // 动画结束时的处理逻辑
                // 在这里执行您想要的操作
                // 例如，设置一些视图的属性、启动其他动画等
                // 注意：如果有多个共享元素，这个回调只会在所有共享元素都完成动画后触发
            }

            @Override
            public void onTransitionCancel(Transition transition) {
                // 动画被取消时的处理逻辑
            }

            @Override
            public void onTransitionPause(Transition transition) {
                // 动画暂停时的处理逻辑
            }

            @Override
            public void onTransitionResume(Transition transition) {
                // 动画恢复时的处理逻辑
            }
        });
    }

在目标 Activity 的 onCreate() 方法中，我们首先通过 supportStartPostponedEnterTransition() 方法来启动转场动画过渡。然后，我们获取共享元素的进入转场动画，并为其添加一个 TransitionListener 监听器。在 onTransitionEnd() 方法中，您可以执行动画结束后需要的操作。