导航组件共享元素转换适用于输入但不适用于弹出

Question

我正在尝试在 2 个片段 BlankFragment 和 BlankFragment2 之间使用共享元素动画。BlankFragment 有一个回收器视图，而 BlankFragment2 是一个详细信息屏幕。他们共享一张图片，而我正在使用新的导航组件。

在 BlankFragment 中，我正在使用共享图像的转换名称构建FragmentNavigator.Extras附加内容并将其传递给我的调用navigate（因为它是一个回收器视图，并且这些需要是唯一的），

在 BlankFragment2 中，我收到此名称，将其设置为我的图像并设置 setSharedElementEnterTransition

结果是进入动画工作正常但退出/返回没有，我试过设置它们而不是设置它们（因为我相信导航组件应该为我处理这个）有人可以帮忙吗？

MainActivity 导航设置

private void setNavigation() {
    navController = Navigation.findNavController(this, R.id.main_fragment);
    NavigationUI.setupActionBarWithNavController(this, navController);
}

处理后退按钮

@Override
public boolean onSupportNavigateUp() {
    return Navigation.findNavController(this, R.id.main_fragment).navigateUp()
        || super.onSupportNavigateUp();
}

空白片段点击

@Override
public void onClick(View view, int position) {

    NavController navController = Navigation.findNavController(recyclerView);

    FragmentNavigator.Extras extras = new FragmentNavigator.Extras.Builder().addSharedElement(view, view.getTransitionName()).build();

    BlankFragmentDirections.ActionBlankFragmentToBlankFragment2 directions = BlankFragmentDirections.actionBlankFragmentToBlankFragment2(view.getTransitionName());

    navController.navigate(directions,extras);

}

BlankFragment2 onCreate 带有返回/退出转换

@Override
public void onCreate(Bundle savedInstanceState) {

    super.onCreate(savedInstanceState);

    setSharedElementReturnTransition(TransitionInflater.from(getActivity()).inflateTransition(android.R.transition.move));

    setExitTransition(TransitionInflater.from(getActivity()).inflateTransition(android.R.transition.no_transition));

    setSharedElementEnterTransition(TransitionInflater.from(getActivity()).inflateTransition(android.R.transition.move));

    getFragmentArguments();

}

获取参数方法

private void getFragmentArguments(){
    if (getArguments() != null){
        transitionName = BlankFragment2Args.fromBundle(getArguments()).getTransitionName();
        Log.d(TAG, "transition name " + transitionName);
    }
}

设置图像过渡名称

@Override
public void onViewCreated(@NonNull View view, @Nullable Bundle savedInstanceState) {
    super.onViewCreated(view, savedInstanceState);
    image = view.findViewById(R.id.image);
    image.setTransitionName(transitionName);
    text = view.findViewById(R.id.text);

}

Answer 1

爪哇

要修复返回转换，请使用viewTreeObserver.addOnPreDrawListener

在 BlankFragment 中（具有回收视图的片段）

1. 我们需要打电话postponeEnterTransition();以便推迟过渡

2. 在 recycleView 上设置 addOnPreDrawListener 如下

   RecyclerView recyclerView = view.findViewById(R.id.recycler_view);
   //setup for recycle view adapter 
   
   ViewTreeObserver viewTreeObserver = recyclerView.getViewTreeObserver();
   viewTreeObserver.addOnPreDrawListener(new ViewTreeObserver.OnPreDrawListener() {
       @Override
       public boolean onPreDraw() {
           startPostponedEnterTransition();
           return true;
       }
   });
   

就是这样。

点击此链接获取有关 ViewTreeObserver 的更多信息 点击此链接

芬！！