共享元素过渡 + Fragment + RecyclerView + ViewPager

Question

我正在实现一个图库应用程序，它有一个 Fragment，其中包含一个带有图像的 RecyclerView，单击图像我转到 ViewPager 以循环浏览图像。
现在，我正在尝试实现本视频中的入口动画。问题是动画不起作用，我显然遗漏了一些东西（仅显示与转换相关的代码）：

视图页面：

public class ViewPagerFragment extends Fragment {
    @Override
    public View onCreateView(LayoutInflater inflater, @Nullable ViewGroup container, Bundle savedInstanceState) {
        View view = inflater.inflate(R.layout.fragment_viewpager, container, false);
        Transition transition = TransitionInflater.from(getContext()).inflateTransition(R.transition.fragment_transition);

        setSharedElementEnterTransition(transition);
        postponeEnterTransition();
        return view;
}

网格适配器：

public class GridAdapter extends RecyclerView.Adapter<GridAdapter.ViewHolder> {

    @Override
    public void onBindViewHolder(ViewHolder holder, int position) {
        holder.setPhotoImage(new File(mArrayOfPhotos.get(position).photo));
        ViewCompat.setTransitionName(holder.photoImage, mPhotoObjects.get(position).photo);
    }

    @Override
    public void onClick(View view) {
        // pass an image view that is being clicked... 
        // ...via listener to MainActivity from where ViewPagerFragment is started
        mListener.onImageSelected(photoImage, getAdapterPosition());
    }
}

在 MainActivity 中，我在 onClick 中实例化 ViewPagerFragment：

@Override
public void onImageSelected(View view, int clickedImagePosition) {
    ViewPagerFragment fragment = new ViewPagerFragment();
    Bundle bundle = new Bundle();
    bundle.putInt(ViewPagerFragment.KEY_IMAGE_INDEX, clickedImagePosition);
    fragment.setArguments(bundle);
    FragmentManager fragmentManager = getSupportFragmentManager();
    FragmentTransaction fragmentTransaction = fragmentManager.beginTransaction();
    // view is an image view that was clicked
    fragmentTransaction.addSharedElement(view, ViewCompat.getTransitionName(view));
    fragmentTransaction.setReorderingAllowed(true);
    fragmentTransaction.replace(R.id.fragment_placeholder, fragment, VIEWPAGER_FRAGMENT);
    fragmentTransaction.addToBackStack(null);
    fragmentTransaction.commit();
}

最后在 ImageFragment（这是 ViewPager 中的单个图像）中，我有：

@Override
public View onCreateView(LayoutInflater inflater, @Nullable ViewGroup container, @Nullable Bundle savedInstanceState) {
    mFullImage.setTransitionName(transitionName);

    Glide.with(getActivity())
            .load(myImage)
            .apply(new RequestOptions().diskCacheStrategy(DiskCacheStrategy.ALL))
            .listener(new RequestListener<Drawable>() {
                @Override
                public boolean onLoadFailed(@Nullable GlideException e, Object model, Target<Drawable> target, boolean isFirstResource) {
                    getParentFragment().startPostponedEnterTransition();
                    return false;
                }

                @Override
                public boolean onResourceReady(Drawable resource, Object model, Target<Drawable> target, DataSource dataSource, boolean isFirstResource) {
                    getParentFragment().startPostponedEnterTransition();
                    return false;
                }
            })
            .into(mFullImage);

    return view;
}

过渡名称不是问题，它是唯一的，并且在所有片段之间正常传递。我已经关注了这篇文章并阅读了许多其他文章，但感觉我的代码中缺少一点。

编辑：
我能够定位我认为的问题。过渡随机工作了几次，显然，这是因为在我进行过渡时图像还没有准备好。我试图调用postponeEnterTransition()MainActivityonCreate但仍然不起作用。图像ImageFragment通过 Bundle传递。还在找。

编辑：

我相信我发现了问题，我有一个片段，TabLayout里面有一个片段，其中有 2 个片段，一个显示所有照片，一个显示标记为收藏的照片。而且它们都使用相同的RecyclerView. 共享元素过渡仅在照片同时位于一个部分时才有效，一旦我将照片标记为收藏，它就会出现在所有照片以及最喜欢的照片中，并且过渡不再有效。这可能是因为过渡不再是唯一的。有没有办法解决这个问题？考虑到两个片段都使用相同的RecyclerView和相同的适配器类这一事实。

Answer 1

我终于让它工作了，问题出在转换名称上。过渡还与支持Transition库合作。
起初，转换根本不起作用，所以我使用了在这里找到的一种方法来推迟转换，这是一个很好的解释转换的链接：

private void scheduleStartPostponedTransition(final View sharedElement) {
sharedElement.getViewTreeObserver().addOnPreDrawListener(
    new ViewTreeObserver.OnPreDrawListener() {
        @Override
        public boolean onPreDraw() {
            sharedElement.getViewTreeObserver().removeOnPreDrawListener(this);
            getParentFragment().startPostponedEnterTransition();
            return true;
        }
    });
}

就我而言，我有嵌套片段，aViewPagerFragment包含 ViewPager 并ImageFragment使用 管理片段 ( ) ImageAdapter。我postponeEnterTransition()从打电话ViewPagerFragment，这就是我使用 的原因getParentFragment()。

我使用了scheduleStartPostoponedTransitionGlideonLoadFailed和onResourceReady().
主要问题是在我的实施中。我有一个包含TabLayout2 个选项卡的片段，每个选项卡都包含一个带有 RecyclerView 的片段。一个片段显示所有照片，其他片段显示最喜欢的照片。如果一张照片仅在一个选项卡中，则过渡工作正常（经过我上面提到的一些更改后），但一旦我将其标记为收藏夹，它就无法在任何一个选项卡中工作。这意味着两个选项卡有一张具有相同转场名称的照片。我的解决方案是根据显示的片段
传递一个整数（1 表示所有照片，2 表示最喜欢的照片）并将其设置为过渡名称：GridAdapter

public class GridAdapter extends RecyclerView.Adapter<GridAdapter.ViewHolder> {

    @Override
    public void onBindViewHolder(ViewHolder holder, int position) {
        holder.setPhotoImage(new File(mArrayOfPhotos.get(position).photo));
        ViewCompat.setTransitionName(holder.photoImage, mPhotoObjects.get(position).photo + fragmentNumber);
    }
}

然后将此数字传递给ImageFragment并将其也设置在那里。之后，它开始起作用，因为现在每张照片都有不同的过渡名称。
此外，如果您使用过渡的支持版本，请确保您拥有支持库版本27.0.0或更高版本，因为他们修复了此版本中的过渡。