使用TabLayout+FragmentPagerAdapter时如何返回多个Fragment？

嘿，这个场景我之前做平板适配的时候刚好碰到过，给你两个实用的方案，你可以根据自己的需求选～

方案一：用容器Fragment包裹两个子Fragment（最直接的改造方案） #

因为FragmentPagerAdapter的getItem()方法确实只能返回单个Fragment实例，所以最直接的思路就是把两个目标Fragment塞进一个容器Fragment里，再让getItem()返回这个容器。这种方案几乎不需要改动原有PagerAdapter的逻辑，适配成本很低。

步骤1：创建容器Fragment #

先写一个专门用来承载两个子Fragment的容器类，记得要用getChildFragmentManager()来管理子Fragment（别用Activity的FragmentManager，不然会有生命周期混乱的问题）：

public class SplitContainerFragment extends Fragment {
    @Override
    public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) {
        // 加载左右分栏的布局
        return inflater.inflate(R.layout.fragment_split_container, container, false);
    }

    @Override
    public void onViewCreated(@NonNull View view, @Nullable Bundle savedInstanceState) {
        super.onViewCreated(view, savedInstanceState);
        // 获取当前tab的position，用来决定加载哪一组Fragment
        int tabPosition = getArguments().getInt("TAB_POSITION");
        
        FragmentManager childFm = getChildFragmentManager();
        FragmentTransaction transaction = childFm.beginTransaction();
        
        // 加载左侧Fragment
        Fragment leftFragment = getLeftFragment(tabPosition);
        transaction.replace(R.id.left_container, leftFragment);
        
        // 加载右侧Fragment
        Fragment rightFragment = getRightFragment(tabPosition);
        transaction.replace(R.id.right_container, rightFragment);
        
        transaction.commit();
    }

    // 根据tab位置返回对应的左侧Fragment
    private Fragment getLeftFragment(int tabPosition) {
        switch(tabPosition) {
            case 0:
                return new HomeLeftFragment();
            case 1:
                return new CategoryLeftFragment();
            default:
                return new DefaultLeftFragment();
        }
    }

    // 根据tab位置返回对应的右侧Fragment
    private Fragment getRightFragment(int tabPosition) {
        switch(tabPosition) {
            case 0:
                return new HomeRightFragment();
            case 1:
                return new CategoryRightFragment();
            default:
                return new DefaultRightFragment();
        }
    }
}

步骤2：容器Fragment的布局文件 #

对应的布局fragment_split_container.xml用线性布局做左右分栏：

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="horizontal">

    <FrameLayout
        android:id="@+id/left_container"
        android:layout_width="0dp"
        android:layout_height="match_parent"
        android:layout_weight="1"/>

    <FrameLayout
        android:id="@+id/right_container"
        android:layout_width="0dp"
        android:layout_height="match_parent"
        android:layout_weight="1"/>

</LinearLayout>

步骤3：修改原有PagerAdapter的getItem() #

在SectionsPagerAdapter里判断是否是大屏，大屏返回容器Fragment，小屏保持原有逻辑：

public class SectionsPagerAdapter extends FragmentPagerAdapter {
    public SectionsPagerAdapter(FragmentManager fm) {
        super(fm);
    }

    @Override
    public Fragment getItem(int position) {
        // 用资源限定符判断是否是大屏（推荐这种方式，适配更优雅）
        boolean isLargeScreen = getResources().getBoolean(R.bool.is_large_screen);
        
        if (isLargeScreen) {
            SplitContainerFragment containerFragment = new SplitContainerFragment();
            Bundle args = new Bundle();
            args.putInt("TAB_POSITION", position);
            containerFragment.setArguments(args);
            return containerFragment;
        } else {
            // 小屏逻辑，和原来一样返回单个Fragment
            switch(position) {
                case 0:
                    return new HomeLeftFragment();
                case 1:
                    return new CategoryLeftFragment();
                default:
                    return new DefaultLeftFragment();
            }
        }
    }

    @Override
    public int getCount() {
        // 保持原有tab数量即可
        return 2;
    }
}

大屏判断的技巧 #

可以通过资源限定符自动适配：

• 在res/values/bools.xml里写：<bool name="is_large_screen">false</bool>
• 在res/values-sw600dp/bools.xml里写：<bool name="is_large_screen">true</bool>
  这样系统会根据屏幕宽度（≥600dp的设备判定为大屏）自动加载对应的布尔值，不用硬编码判断屏幕尺寸。

方案二：重写getPageWidth()实现一页显示两个独立Fragment（更优的无嵌套方案） #

如果你的需求不是“每个tab对应一组固定的两个Fragment”，而是“大屏下ViewPager一次显示两个独立的Fragment，滑动时一次切换两个”，那可以用这个方案——不用嵌套Fragment，直接让ViewPager的一页容纳两个Fragment。

核心代码修改 #

只需要在SectionsPagerAdapter里重写getPageWidth()方法，返回0.5f（表示每个Fragment占屏幕宽度的一半）：

public class SectionsPagerAdapter extends FragmentPagerAdapter {
    public SectionsPagerAdapter(FragmentManager fm) {
        super(fm);
    }

    // 关键：大屏下每个Fragment占屏幕一半宽度
    @Override
    public float getPageWidth(int position) {
        return getResources().getBoolean(R.bool.is_large_screen) ? 0.5f : 1.0f;
    }

    @Override
    public Fragment getItem(int position) {
        // 还是返回单个Fragment，和原来逻辑一致
        switch(position) {
            case 0:
                return new FragmentA();
            case 1:
                return new FragmentB();
            case 2:
                return new FragmentC();
            case 3:
                return new FragmentD();
            default:
                return new DefaultFragment();
        }
    }

    @Override
    public int getCount() {
        // 大屏下可以调整Fragment数量，比如显示4个，刚好两页
        return getResources().getBoolean(R.bool.is_large_screen) ? 4 : 2;
    }
}

方案对比与选择建议 #

• 如果是每个Tab对应固定的两个Fragment组合（比如Tab1是“列表+详情”，Tab2是“分类+推荐”），选方案一，逻辑清晰，适配原有Tab布局。
• 如果是Fragment都是独立的，大屏下只是想一次显示两个、滑动一次切换两个，选方案二，没有Fragment嵌套，性能更好，代码更简洁。

内容的提问来源于stack exchange，提问作者mohsen_og