android - 使用 Tabs 将 ViewPager 中的 ListFragment 替换为 Fragment

Question

我尝试在我的应用中设置以下导航:

实际情况:ViewPager + Tabs 在列表之间滑动:

• 列表 fragment A
• ListFragment B

所需条件:ViewPager + 标签:

• ListFragment A onListItemSelected 用 DetailFragment A 替换 ListFragment A
• ListFragment B onListItemSelected 将 ListFragment B 替换为 DetailFragment B

目标是在选项卡导航中显示详细信息 fragment 。我无法用 detailFragment 替换 fragmentList(fragmentList 没有自定义布局，因此没有 ID，而且我不知道该怎么做)。此外，启动新 Activity 会隐藏标签栏。

有人可以帮帮我吗？

Answer 1

我会制作一个包装器 fragment ，它知道要显示什么 - 列表或详细信息。这将与 ViewPager 完全分离 - pager 只知道它包含包装 fragment ，而这些 fragment 将自行管理其内容。

实现将遵循以下原则:

public class WrapperFragment extends Fragment {

    @Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);

        MyListFragment list = new MyListFragment();
        list.setListAdapter(adapter);
        list.setOnItemClickListener(new OnItemClickListener() {
            @Override public void onItemClick(AdapterView<?> l, View v, int position, long id) {
              // Create details fragment based on clicked item's position
              Fragment details = new Fragment();
              getChildFragmentManager()
                  .beginTransaction()
                  .replace(R.id.container, details)
                  .addToBackStack(null)
                  .commit();
            }
        });

        getChildFragmentManager()
            .beginTransaction()
            .add(R.id.container, list)
            .commit();
    }

    @Override
    public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) {
        // There has to be a view with id `container` inside `wrapper.xml`
        return inflater.inflate(R.layout.wrapper, container, false);
    }

    public class MyListFragment extends ListFragment {

        private OnItemClickListener listener;

        public void setOnItemClickListener(OnItemClickListener l) {
            this.listener = l;
        }

        @Override
        public void onListItemClick(ListView l, View v, int position, long id) {
            if(listener != null) {
              listener.onItemClick(l, v, position, id);
            }
        }
    }
}

---

wrapper.xml。想法是 WrapperFragment 必须提供一个包含 ID 为 container 的 View 的布局 - 因为我们使用具有此 ID 的 View 来放置子 fragment - MyListFragment 或 DetailsFragment。

<?xml version="1.0" encoding="utf-8"?>
<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent">

    <FrameLayout
        android:id="@+id/container"
        android:layout_width="match_parent"
        android:layout_height="match_parent"/>

</FrameLayout>

---

另一种方式。这应该可行，但您必须尝试一下(布局本身有 id，而不是有一个 id 为 container 的 child ):

<?xml version="1.0" encoding="utf-8"?>
<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/container"
    android:layout_width="match_parent"
    android:layout_height="match_parent"/>