如何在片段中嵌套 ViewPager2

Question

我试图在我的主片段中放置一个带有 2 个选项卡（2 个片段）的 ViewPager2。

我的片段类扩展了 Fragment，我需要它包含一个 ViewPager2，其中实现了片段。
我在网上找不到明确解释这一点的指南，因为所有这些指南都是在扩展 FragmentActivity 而不是 Fragment 的类中实现的。

例如：https://developer.android.com/training/animation/screen-slide-2#fragment

Answer 1

ViewPager2 是 ViewPager 库的改进版本，提供增强的功能并解决使用 ViewPager 的常见困难。
在 Web 上缺少将 ViewPager2 嵌套在片段中的此类实现，因为 Android 开发人员指南显示了 Activity 中的实现。

1) 您的主片段布局必须将 ViewPager2 添加到其 XML 文件中，如下所示：

<com.google.android.material.tabs.TabLayout
        android:id="@+id/tabs"
        android:layout_width="match_parent"
        android:layout_height="wrap_content" />
<!-- Tabs widget can be removed if you don't need tabs on top of pager-->
    <androidx.viewpager2.widget.ViewPager2
        android:id="@+id/myPager"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:layout_below="@+id/tabs" />

2）下一步是准备我们的 FragmentStateAdapter 以将其设置为 ViewPager2 适配器：

public class ViewPagerAdapter extends FragmentStateAdapter {

    private final Fragment[] mFragments = new Fragment[] {//Initialize fragments views
//Fragment views are initialized like any other fragment (Extending Fragment)
                new FirstPagerFrag(),//First fragment to be displayed within the pager tab number 1
                new SecondPagerFrag(),
        };
        public final String[] mFragmentNames = new String[] {//Tabs names array
                "First Tab",
                "SecondTab"
        };

        public ViewPagerAdapter(FragmentActivity fa){//Pager constructor receives Activity instance
            super(fa);
    }

    @Override
    public int getItemCount() {
        return mFragments.length;//Number of fragments displayed
    }

    @Override
    public long getItemId(int position) {
        return super.getItemId(position);
    }

    @NonNull
    @Override
    public Fragment createFragment(int position) {
        return mFragments[position];
    }
}

3) 将适配器附加到 ViewPager2 这部分是在包含 ViewPager2 的片段中实现的：

private ViewPager2 mViewPager;
    @Override
    public void onViewCreated(@NonNull View view, @Nullable Bundle savedInstanceState) {
        super.onViewCreated(view, savedInstanceState);

    mViewPager = view.findViewById(R.id.queueContainer);//Get ViewPager2 view
    mViewPager.setAdapter(new ViewPagerAdapter(getActivity()));//Attach the adapter with our ViewPagerAdapter passing the host activity

    TabLayout tabLayout = view.findViewById(R.id.tabs);
    new TabLayoutMediator(tabLayout, mViewPager,
            new TabLayoutMediator.TabConfigurationStrategy() {
                @Override
                public void onConfigureTab(@NonNull TabLayout.Tab tab, int position) {
                    tab.setText(((ViewPagerAdapter)(mViewPager.getAdapter())).mFragmentNames[position]);//Sets tabs names as mentioned in ViewPagerAdapter fragmentNames array, this can be implemented in many different ways.
                }
            }
    ).attach();
}

Answer 2

在您的父片段 xml 中。添加viewpager2。 创建扩展 FragmentStateAdapter 的适配器。 实现方法。 在 createfragment 方法中执行此操作。

添加

map 是为了保存您在开始时创建的片段的相同实例，它将始终创建一个新片段。 使用地图，以便每次都获得相同的片段实例。

private final Map<Integer, Fragment> fragmentMap;

@非空 @覆盖 公共片段createFragment（int位置）{

    Fragment cachedFragment = fragmentMap.get(position);
    if (cachedFragment != null) {
        return cachedFragment;
    }
    switch (position) {
        case 0:
            cachedFragment = new childfragment1();
            break;
        case 1:
            cachedFragment = new childfragment2();
            break;
        case 2:
            cachedFragment = new childfragment3();
            break;
        default:
            cachedFragment = null;
    }

    fragmentMap.put(position, cachedFragment);
    return cachedFragment;
}