将ViewPager内的ListFragment替换为Fragment与选项卡。

Question

将ViewPager内的ListFragment替换为Fragment与选项卡。

androidtabsandroid-viewpagerfragmentandroid-listfragment

4

我试图在我的应用程序中设置以下导航：

实际情况：ViewPager + 选项卡可以在列表之间滑动：

- ListFragment A - ListFragment B

期望的情况：ViewPager + 选项卡：

- 当选择ListFragment A的列表项时，用DetailFragment A替换ListFragment A。 - 当选择ListFragment B的列表项时，用DetailFragment B替换ListFragment B。

目标是在选项卡导航中显示详细片段。我无法用详细片段替换fragmentList（fragmentList没有自定义布局，因此没有ID，我不知道如何做）。此外，启动新活动会隐藏选项卡栏。请问有人能帮帮我吗？

- 0xPixelfrost

1个回答

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- mindeh · Accepted Answer

我会创建一个包装片段(fragment)，该片段了解要显示的内容 - 列表或细节。这将完全与 ViewPager 解耦 - ViewPager 只知道它持有包装片段，而这些片段将自己管理其内容。

实现方式如下：

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 的视图的布局 - 因为我们正在使用该id的视图来放置子片段 - 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，而不是具有container ID的子元素）：

<?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"/>