Android在具有recyclerview和详细信息视图的片段之间共享元素转换答案

【问题标题】：Android shared element transition between fragments having recyclerview & details viewAndroid在具有recyclerview和详细信息视图的片段之间共享元素转换
【发布时间】：2015-01-17 13:17:21
【问题描述】：

我有 2 个片段：片段 1 包含 recyclerview 片段 2 具有所选项目的详细视图。这两个片段之间有一个共享的元素图像视图。在从片段 1 过渡到 2 时，我想看到标准的共享元素过渡效果，但它似乎不适用于 recyclerview。因为如果我在第一个片段中只使用另一个单独的视图而不是 recyclerview，它会显示正确的过渡。请注意，我已将基于位置的唯一过渡名称分配给 recyclerview 项目图像。

代码如下： MyActivity.java

public class MyActivity extends Activity {

private static final String TAG = MyActivity.class.getSimpleName();

@Override
protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.activity_my);
    if (savedInstanceState == null) {
        getFragmentManager().beginTransaction()
                .add(R.id.main_container, new PlaceholderFragment())
                .commit();
    }
}

public static class ImageAdapter extends RecyclerView.Adapter<ImageAdapter.ViewHolder> {
    public interface OnItemClickListener {
        void onItemClick(View view, int position);
    }

    private OnItemClickListener mItemClickListener;

    List<Integer> items = new ArrayList<Integer>();
    public void setOnItemClickListener(OnItemClickListener listener) {
        this.mItemClickListener = listener;
    }


    public ImageAdapter() {
        items.add(1);
        items.add(1);
        items.add(1);
        items.add(1);
        items.add(1);
        items.add(1);
        items.add(1);
        items.add(1);
        items.add(1);
        items.add(1);
        items.add(1);
        items.add(1);
        items.add(1);
        items.add(1);
        items.add(1);
        items.add(1);
        items.add(1);
        items.add(1);
    }

    @Override
    public ImageAdapter.ViewHolder onCreateViewHolder(ViewGroup viewGroup, int i) {
        View view = LayoutInflater.from(viewGroup.getContext()).inflate(R.layout.item, null);
        ViewHolder viewHolder = new ViewHolder(view);
        return viewHolder;
    }

    @Override
    public void onBindViewHolder(ViewHolder viewHolder, final int i) {
        viewHolder.container.setOnClickListener(new View.OnClickListener() {

            @Override
            public void onClick(View view) {
                if (mItemClickListener != null) {
                    mItemClickListener.onItemClick(view, i);
                }
            }
        });
        viewHolder.imgDummy.setTransitionName("test" + i);
    }

    @Override
    public int getItemCount() {
        return items.size();
    }

    public static class ViewHolder extends RecyclerView.ViewHolder {
        public View container;
        public View imgDummy;

        public ViewHolder(View itemView) {
            super(itemView);
            container = itemView.findViewById(R.id.container);
            imgDummy = itemView.findViewById(R.id.imgDummy);
        }
    }
}
/**
 * A placeholder fragment containing a simple view.
 */
@SuppressLint("ValidFragment")
public class PlaceholderFragment extends Fragment {

    private RelativeLayout.LayoutParams lp;

    @Override
    public View onCreateView(LayoutInflater inflater, ViewGroup container,
            Bundle savedInstanceState) {
        View rootView = inflater.inflate(R.layout.fragment_my, container, false);
        final View imgDummy2 = rootView.findViewById(R.id.imgDummy2);
        imgDummy2.setTransitionName("test");

        RecyclerView list = (RecyclerView) rootView.findViewById(R.id.streams_list);
        list.setLayoutManager(new LinearLayoutManager(getActivity()));
        ImageAdapter adapter = new ImageAdapter();
        adapter.setOnItemClickListener(new ImageAdapter.OnItemClickListener() {
            @Override
            public void onItemClick(View view, int position) {                  
                View imgDummy = view.findViewById(R.id.imgDummy);

                SecondFragment secondFragment = new SecondFragment();
                secondFragment.setSharedElementEnterTransition(TransitionInflater.from(getActivity()).inflateTransition(R.transition.trans_move));

                secondFragment.setId(imgDummy.getTransitionName());
                android.app.FragmentTransaction trans = getFragmentManager().beginTransaction();
                trans.replace(R.id.main_container, secondFragment);
                trans.addToBackStack(null);
                trans.addSharedElement(imgDummy, imgDummy.getTransitionName());
                trans.commit();
            }
        });
        list.setAdapter(adapter);

        return rootView;
    }
}

public static class SecondFragment extends Fragment {
    private String mId;

    @Override
    public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) {
        View rootView = inflater.inflate(R.layout.second_fragment, container, false);
        rootView.findViewById(R.id.imgDummy).setTransitionName(mId);
        return rootView;
    }

    public void setId(String id) {
        mId = id;
    }
}
}

如果我更改以下 2 行：

secondFragment.setId(imgDummy.getTransitionName());
trans.addSharedElement(imgDummy, imgDummy.getTransitionName());

通过

secondFragment.setId(imgDummy2.getTransitionName());
trans.addSharedElement(imgDummy2, imgDummy2.getTransitionName());

然后我可以看到 imgDummy2 图像正确过渡，可能是因为它在 recyclerview 之外。

知道如何在 recyclerview 中应用相同的内容吗？

【问题讨论】：

你读过这个androiddesignpatterns.com/2015/01/…吗？
@pskink 是的，我几乎一整天都在寻找确切的解决方案，但没有找到与我的要求完全匹配的可行解决方案。您发布的链接总体上有助于理解过渡基础知识，但它没有特定于 recyclerview 不起作用的地方。
如果你需要的话试试这个：pastebin.com/yEh2urqp
@pskink 我可以看到的主要变化只是传递给 setSharedElementEnterTransition() 的转换，现在是 AutoTransition。在这种情况下，过渡效果从回收站视图的顶部开始，而不是从回收站视图子项的实际位置开始，行为也是相同的。
没有蓝色矩形从您在 RV 中单击的项目开始放大

标签： android android-fragments transition shared android-recyclerview

【解决方案1】：

我知道它来晚了。但是一直在努力解决这个问题，最终得到了从片段 A 中的回收器视图到片段 B 工作的过渡动画。

尝试在下面的行中更改 imgDummy.getTransitionName())

    trans.addSharedElement(imgDummy, imgDummy.getTransitionName());

到fragmentB中ImageView的过渡名称

【讨论】：