Android:带 fragment 的共享元素转换

我正在做一个项目，我需要使用共享元素在 fragment 之间进行转换。我几乎尝试了所有方法，但过渡效果不起作用。

我有一个名为 TimelineActivity 的 Activity ，我有 2 个 fragment ，一个动态添加到 TimelineActivity 的 ListFragment 和一个 DetailFragment。

每当我单击 ListFragment 中 ListView 中的一个项目时，该 fragment 就会被 DetailFragment 替换。

@Override
public void onItemClick(AdapterView<?> parent, View view, int position, long id) {

    DetailFragment fragment = DetailFragment.newInstance();

    if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.LOLLIPOP) {
        fragment.setSharedElementEnterTransition(new ChangeBounds().setDuration(2000));
        fragment.setEnterTransition(new ChangeBounds().setDuration(2000));
        setExitTransition(new ChangeBounds().setDuration(2000));
        fragment.setSharedElementReturnTransition(new ChangeBounds().setDuration(2000));
    }

    FragmentTransaction ft = getActivity().getSupportFragmentManager().beginTransaction();

    fragment.setAllowEnterTransitionOverlap(true);
    fragment.setAllowReturnTransitionOverlap(true);

    ft.replace(R.id.timeline_container, fragment);
    ft.addSharedElement(view.findViewById(R.id.transition), "selectClientTransition");
    ft.addToBackStack(null);

    // Start the animated transition.
    ft.commit();
}

在我的 listview_row.xml 这是我有的 ListView 的布局:

   <LinearLayout
   android:id="@+id/transition"
   android:layout_width="match_parent"
   android:layout_height="match_parent"
   android:background="#FFF"
   android:orientation="vertical"
   android:padding="10dp"
   android:transitionName="selectClientTransition">
   </LinearLayout>

在我的 fragment_detail.xml 中，我有以下内容:

<LinearLayout
                android:id="@+id/transition"
                android:layout_width="match_parent"
                android:layout_height="match_parent"
                android:background="#FFF"
                android:orientation="vertical"
                android:padding="10dp"
                android:transitionName="selectClientTransition"
                android:weightSum="12">
</LinearLayout>

我将此添加到我的 AppTheme

<item name="android:windowContentTransitions">true</item>

为了清楚起见， fragment 被替换，这工作正常，但没有变化边界效果。我真的被困在这里，所以任何事情都是受欢迎的。

提前致谢

最佳答案

您需要为列表中的每个元素设置唯一的过渡名称。下面是一个例子:

在适配器的 getView 方法中设置转换名称:

@Override
public View getView(int position, View convertView, ViewGroup parent) {
    // your code...

    sharedView.setTransitionName("transition_name_" + position);
}

在 onItemClick 方法中将过渡名称发送到 DetailFragment:

@Override
public void onListItemClick(ListView l, View v, int position, long id) {
    DetailFragment fragment = DetailFragment.newInstance();
    View sharedView = v.findViewById(R.id.shared_view);

    Bundle arguments = new Bundle();
    arguments.putString(DetailFragment.TRANSITION_NAME, sharedView.getTransitionName());
    fragment.setArguments(arguments);

    // the rest of your code (replacing fragments, etc)...
}

在 DetailFragment 的 onCreateView 方法中设置过渡名称以查看:

@Override
public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) {
    // your code...

    View sharedView = inflatedLayout.findViewById(R.id.shared_view);
    sharedView.setTransitionName(getArguments().getString(TRANSITION_NAME))
}