Fragment间共享元素退出过渡失效问题排查求助

我来帮你梳理下这个共享元素退出过渡失效的可能原因和解决思路，之前做类似功能时我也踩过不少相关的坑，咱们一步步来拆解：

1. 过渡名称的一致性问题（最可能的核心原因） #

你现在依赖MainActivity.position来生成过渡名称，但这个全局变量很容易在后续操作中被覆盖（比如滑动RecyclerView、点击其他条目），导致退出时过渡名称和原来的条目不匹配。另外RecyclerView的条目复用机制也会让原来的ImageView过渡名称被修改。

解决步骤：

• 不要用全局position变量，点击条目时直接生成唯一过渡名称并传递给目标Fragment，同时在原页面保存选中的position：

  // RecyclerView条目点击时
  int clickedPos = position;
  String transitionName = clickedPos + "ZoomImage";
  holder.iv.setTransitionName(transitionName);
  
  // 保存选中的position到Activity或当前Fragment
  MainActivity.selectedPosition = clickedPos;
  
  // 传递position给目标Fragment
  ImagePagerFragment productDetailFragment = new ImagePagerFragment();
  Bundle args = new Bundle();
  args.putInt("selected_pos", clickedPos);
  productDetailFragment.setArguments(args);
  
  // 后续事务代码保持不变...
  

• 在ImageFragment中，用传递过来的position设置过渡名称：

  // ImageFragment的Picasso回调中
  int selectedPos = getParentFragment().getArguments().getInt("selected_pos");
  ivZoom.setTransitionName(selectedPos + "ZoomImage");
  getParentFragment().startPostponedEnterTransition();
  

• 在RecyclerView的onBindViewHolder中，直接根据当前position设置过渡名称，确保每个条目都有唯一且正确的名称：

  @Override
  public void onBindViewHolder(Holder holder, int position) {
      // ...其他加载代码
      if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.LOLLIPOP) {
          holder.iv.setTransitionName(position + "ZoomImage");
      }
      // Picasso加载代码...
  }
  

2. 缺少退出过渡的配置 #

你当前只设置了进入过渡，但没有配置返回/退出过渡，系统不知道退出时该用什么动画。

解决步骤：
在prepareSharedElementTransition方法中添加返回过渡的设置：

Transition transition = TransitionInflater.from(getContext())
        .inflateTransition(R.transition.image_shared_element_transition);
setSharedElementEnterTransition(transition);
setSharedElementReturnTransition(transition); // 新增这一行
// 原有代码...

3. SharedElementCallback未处理退出场景 #

你的onMapSharedElements只处理了进入时的元素映射，但退出过渡时，系统需要把共享元素映射回原来的RecyclerView条目ImageView，而不是ViewPager里的ImageView。

解决步骤：
修改SharedElementCallback，区分进入和退出场景：

setEnterSharedElementCallback(new SharedElementCallback() {
    @Override
    public void onMapSharedElements(List<String> names, Map<String, View> sharedElements) {
        // 判断当前是进入还是退出过渡
        boolean isEntering = getFragmentManager().getBackStackEntryCount() > 0;
        
        if (isEntering) {
            // 原有进入时的逻辑保持不变
            Fragment currentFragment = (Fragment) viewPager.getAdapter()
                    .instantiateItem(viewPager, viewPager.getCurrentItem());
            View view = currentFragment.getView();
            if (view == null) {
                return;
            }
            sharedElements.put(names.get(0), view.findViewById(R.id.image1));
        } else {
            // 退出时，找到原来的RecyclerView条目ImageView
            int selectedPos = getArguments().getInt("selected_pos");
            RecyclerView recyclerView = getActivity().findViewById(R.id.your_recyclerview_id); // 替换成你的RecyclerView ID
            RecyclerView.ViewHolder holder = recyclerView.findViewHolderForAdapterPosition(selectedPos);
            
            if (holder != null) {
                sharedElements.put(names.get(0), holder.itemView.findViewById(R.id.iv)); // 替换成你的ImageView ID
            }
        }
    }
});

4. 退出时的Handler延迟无意义且可能引发问题 #

你在退出按钮中加了500ms延迟，这不仅没必要，还可能导致RecyclerView滑动后原来的ViewHolder被复用，找不到正确的共享元素。直接移除延迟，调用popBackStack即可：

close.setOnClickListener(new View.OnClickListener() {
    @Override
    public void onClick(View view) {
        getParentFragment().getFragmentManager().popBackStack();
    }
});

5. 确保图片加载的一致性 #

退出过渡要求前后两个共享元素的图片内容和尺寸一致，否则过渡会失效。建议打开Picasso的离线缓存，确保退出时原来的ImageView能快速加载图片：

Picasso.with(context)
        .load(imageArrayList.get(position).getUrl())
        .networkPolicy(NetworkPolicy.OFFLINE) // 取消注释这一行
        .placeholder(R.drawable.loading_tall)
        .fit().centerCrop()
        .into(holder.iv, new Callback() {
            // ...原有回调代码
        });

按照以上步骤逐一排查修改，应该能解决退出过渡失效的问题。

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