Android Shared Element Transition失效求助：两Activity间过渡无效果

嘿，我之前也踩过共享元素动画不生效的坑，给你列几个最容易忽略的关键点，按顺序排查肯定能解决问题！

1. 确保两个ImageView的transitionName完全一致 #

这是共享元素动画生效的核心前提！不管是在XML里静态设置，还是代码里动态赋值，两个Activity里的目标ImageView必须用一模一样的过渡名称：

• XML静态设置（推荐方式）：

<!-- Activity1中的ImageView -->
<ImageView
    android:id="@+id/iv_shared_source"
    android:transitionName="shared_photo"
    ... />

<!-- Activity2中的ImageView -->
<ImageView
    android:id="@+id/iv_shared_target"
    android:transitionName="shared_photo" <!-- 必须和上面完全一致 -->
    ... />

• 代码动态设置（适用于动态生成的View）：

if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.LOLLIPOP) {
    // Activity1中设置
    findViewById(R.id.iv_shared_source).setTransitionName("shared_photo");
    // Activity2中也要同步设置
    findViewById(R.id.iv_shared_target).setTransitionName("shared_photo");
}

2. 正确配置ActivityOptionsCompat并启动Activity #

你代码里提到了ActivityOptionsCompat，但可能没正确绑定共享元素。完整的正确写法应该是这样：

if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.LOLLIPOP) {
    Intent intent = new Intent(Activity1.this, Activity2.class);
    // 获取要共享的源ImageView
    ImageView sharedView = findViewById(R.id.iv_shared_source);
    // 创建过渡动画选项，绑定View和对应的transitionName
    ActivityOptionsCompat options = ActivityOptionsCompat.makeSceneTransitionAnimation(
        Activity1.this,
        sharedView,
        "shared_photo" // 这里的名称必须和两个ImageView的transitionName匹配
    );
    // 启动Activity时传入过渡配置
    startActivity(intent, options.toBundle());
} else {
    // 低于Android 5.0的版本直接跳转，无过渡动画
    startActivity(intent);
}

如果有多个共享元素，可以用Pair.create()批量添加，比如：

Pair<View, String> pair1 = Pair.create(view1, "name1");
Pair<View, String> pair2 = Pair.create(view2, "name2");
ActivityOptionsCompat options = ActivityOptionsCompat.makeSceneTransitionAnimation(this, pair1, pair2);

3. 检查Activity主题的过渡配置 #

要确保两个Activity使用的主题支持过渡动画，在values-v21/styles.xml中添加以下属性：

<style name="AppTheme" parent="Theme.MaterialComponents.Light.NoActionBar">
    <!-- 开启窗口内容过渡功能 -->
    <item name="android:windowContentTransitions">true</item>
    <!-- 可选：指定共享元素的过渡类型，比如平移过渡 -->
    <item name="android:windowSharedElementEnterTransition">@android:transition/move</item>
    <item name="android:windowSharedElementExitTransition">@android:transition/move</item>
</style>

如果主题没开启windowContentTransitions，共享元素动画根本不会触发！

4. 避免在Activity2的onCreate中干扰过渡动画 #

如果在Activity2的onCreate里立刻修改ImageView的布局（比如设置宽高、切换ScaleType、加载新图片），会打断过渡动画。建议把这类操作放到onEnterAnimationComplete()方法中（仅API 21+支持）：

@Override
public void onEnterAnimationComplete() {
    super.onEnterAnimationComplete();
    // 在这里执行ImageView的后续配置，比如加载高清图
    Glide.with(this).load(highResImageUrl).into(findViewById(R.id.iv_shared_target));
}

5. 统一两个ImageView的ScaleType #

如果两个ImageView的scaleType不一致（比如一个是centerCrop，一个是fitCenter），过渡动画可能会出现异常甚至不生效。尽量保持两者的ScaleType一致，或者确保图片的尺寸比例匹配。

按上面的顺序排查，大部分情况都是前三个点没做好——我之前就是漏给第二个ImageView设置transitionName，折腾了好半天😂

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