Android共享元素动画

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

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

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

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

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

3. 在目标 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() 方法中，您可以执行动画结束后需要的操作。