如何使用带有共享元素转换的片段回栈

Question

赏金将在 5 小时后到期。 此问题的答案有资格获得+150声望赏金。 shybaka正在寻找规范的答案。

共享元素转换替换片段，所以我无法将它添加到后台堆栈并在按下后退箭头按钮时调用 popbackstack。 我在 mainfragment 中有一个主要活动，主要片段处理一个表格布局，因此每个选项卡都是一个在回收器视图中的片段，当单击回收器视图元素时，共享元素转换开始到一个显示元素详细信息的新片段。

这是适配器，在其中单击元素：

holder.image.setTransitionName("transition" + holder.getAdapterPosition());
if (fragment instanceof tab1_anime) {
     ((tab1_anime) fragment).openShowElementFragment(holder.getAdapterPosition(), v.findViewById(R.id.main_image));
}

这是我的选项卡片段中的 openShowElementFragment：

public void openShowElementFragment(int position, View view) {
        AddElement element = anime_list.get(position);
        ShowElementFragment showElementFragment = new ShowElementFragment();
        Bundle bundle = new Bundle();
        bundle.putString("transitionName", "transition" + position);
        bundle.putSerializable("element", element);
        bundle.putInt("position", position);
        bundle.putInt("from", 0);
        showElementFragment.setArguments(bundle);
        ((MainActivity) context).showFragmentWithTransition(this, showElementFragment, "showElementFragment", view, "transition" + position);
    }

这是在前面的代码块中调用的 openshowelementfragment function：

public void showFragmentWithTransition(Fragment current, Fragment newFragment, String tag, View sharedView, String sharedElementName) {
        FragmentManager fragmentManager = getSupportFragmentManager();
        // check if the fragment is in back stack
        boolean fragmentPopped = fragmentManager.popBackStackImmediate(tag, 0);
        if (fragmentPopped) {

        } else {
            if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.LOLLIPOP) {
                current.setSharedElementReturnTransition(TransitionInflater.from(this).inflateTransition(R.transition.default_transition));
                current.setExitTransition(TransitionInflater.from(this).inflateTransition(R.transition.default_transition));

                newFragment.setSharedElementEnterTransition(TransitionInflater.from(this).inflateTransition(R.transition.default_transition));
                newFragment.setEnterTransition(TransitionInflater.from(this).inflateTransition(R.transition.default_transition));
            }
            fragmentManager.beginTransaction()
                    .replace(R.id.fragmentHolder, newFragment)
                    .addToBackStack(null)
                    .addSharedElement(sharedView, sharedElementName)
                    .commit();
        }
    }

这是后退箭头按钮：

back_arrow.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View view) {
                getSupportFragmentManager().popBackStack();
            }
        });

如果我尝试添加新片段而不是替换旧片段，则根本没有动画。

如果我尝试用新片段替换旧片段并使用 addtobackstack(null)，则共享元素转换从头到尾有效，但末尾的片段没有数据，为空：

我也试过：

getSupportFragmentManager()
                .beginTransaction()
                .replace(R.id.fragmentHolder,  new MainFragment())
                .addToBackStack(null)
                .commit();

但是通过这种方式，共享元素转换在退出时不起作用：

Answer 1

您所谓的sharedElementName实际上是一个transitionName 。

a) 参考示例没有直接操作backstack：
Android 片段转换：RecyclerView 到 ViewPager和博客。

b) 手动交易可能需要另一个方法调用顺序：

getSupportFragmentManager().beginTransaction()
    .addSharedElement(sharedElement, transitionName)
    .replace(R.id.container, newFragment)
    .addToBackStack(null)
    .commit();

另请参阅此示例，与以下内容相比，如何设置交替转换：

TransitionInflater.from(this).inflateTransition(R.transition.default_transition)

当对两种方式使用相同的转换而不是进入/退出转换时，它可能看起来很奇怪，就像NavAction那样。 FragmentNavigator.Extras可用于在使用导航组件时应用进入/退出转换； 这也可以与ActionBar结合使用。 选项 a) 可能不那么复杂。 b) 类似于这个Kotlin 的例子可能更有意义。 当开箱即用地支持进入/退出转换时，构建笨重的 FX 毫无意义。 加载图像时，可以考虑使用Glide加载。

---

将Navigation与FragmentNavigator.Extras结合使用可能是当前的方法：

Bundle navArgs = new Bundle();
navArgs.putInt("position", position);

FragmentNavigator.Extras extras = new FragmentNavigator.Extras.Builder()
    .addSharedElement(sharedElement, transitionName)
    .build();

Navigation.findNavController(view).navigate(
    R.id.details, // ID of Nav destination
    navArgs,      // Bundle of args
    null,         // NavOptions
    extras);

还可以在 XML <action/>中定义 transitionName ，然后就不必设置它了。

假设以下build.gradle ； 无需重新发明轮子。

dependencies {
    androidTestImplementation "androidx.navigation:navigation-testing:2.5.3"
    implementation 'androidx.navigation:navigation-runtime:2.5.3'
    implementation 'androidx.navigation:navigation-fragment:2.5.3'
    implementation 'androidx.navigation:navigation-ui:2.5.3'
    annotationProcessor 'com.github.bumptech.glide:compiler:4.14.2' 
    implementation 'com.github.bumptech.glide:glide:4.14.2' 
}

Answer 2

我认为你的问题与退出过渡有关，因为你得到了空列表的解决方案，现在退出过渡效果检查下面的代码。

 public void showFragmentWithTransition(Fragment current, Fragment newFragment, String tag, View sharedView, String sharedElementName) {
        FragmentManager fragmentManager = getSupportFragmentManager();
        // check if the fragment is in back stack
        boolean fragmentPopped = fragmentManager.popBackStackImmediate(tag, 0);
        if (fragmentPopped) {

        } else {
            if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.LOLLIPOP) {
                current.setSharedElementReturnTransition(TransitionInflater.from(this).inflateTransition(R.transition.default_transition));
                current.setExitTransition(TransitionInflater.from(this).inflateTransition(R.transition.default_transition));

                newFragment.setSharedElementEnterTransition(TransitionInflater.from(this).inflateTransition(R.transition.default_transition));
                newFragment.setEnterTransition(TransitionInflater.from(this).inflateTransition(R.transition.default_transition));
                newFragment.setExitTransition(TransitionInflater.from(this).inflateTransition(R.transition.default_transition));
                newFragment.setSharedElementReturnTransition(TransitionInflater.from(this).inflateTransition(R.transition.default_transition));
            }
             getSupportFragmentManager().beginTransaction()
                 .addSharedElement(sharedElement, transitionName)
                 .replace(R.id.container, newFragment)
                 .addToBackStack(null)
                 .commit();
        }
    }

在这里，我为退出转换添加了两条新行。

 newFragment.setExitTransition(TransitionInflater.from(this).inflateTransition(R.transition.default_transition)); newFragment.setSharedElementReturnTransition(TransitionInflater.from(this).inflateTransition(R.transition.default_transition));

如果它不起作用，请点击以下链接，我认为它会对您有所帮助。 https://medium.com/@bherbst/fragment-transitions-with-shared-elements-7c7d71d31cbb