如何在含TabLayout的Android项目中旋转时同时显示两个Fragment？

嘿，这个需求其实可以通过屏幕适配+动态切换Fragment容器的思路来解决，我给你拆解几个关键步骤，你可以根据自己的项目调整：

1. 先区分横竖屏布局 #

首先要给竖屏和横屏分别准备不同的布局文件：

• 竖屏（默认布局）：保持你原来的TabLayout + ViewPager结构，每个Tab对应一个Fragment，和之前的逻辑一致。
• 横屏布局：把ViewPager替换成一个包含两个FrameLayout（Fragment容器）的布局，比如用横向的LinearLayout平分屏幕，左边一个容器，右边一个容器，TabLayout保留用来切换显示的Fragment组合。

举个布局例子：
竖屏布局（res/layout/activity_main.xml）：

<LinearLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:orientation="vertical"
    android:layout_width="match_parent"
    android:layout_height="match_parent">

    <com.google.android.material.tabs.TabLayout
        android:id="@+id/tabLayout"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        app:tabMode="fixed"/>

    <androidx.viewpager.widget.ViewPager
        android:id="@+id/viewPager"
        android:layout_width="match_parent"
        android:layout_height="match_parent"/>
</LinearLayout>

横屏布局（res/layout-land/activity_main.xml）：

<LinearLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:orientation="vertical"
    android:layout_width="match_parent"
    android:layout_height="match_parent">

    <com.google.android.material.tabs.TabLayout
        android:id="@+id/tabLayout"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        app:tabMode="fixed"/>

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:orientation="horizontal">

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

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

2. 在Activity中动态处理两种模式 #

在Activity的onCreate方法里，判断当前布局是竖屏（存在ViewPager）还是横屏（存在两个Fragment容器），然后分别处理：

• 竖屏模式：正常设置ViewPager的Adapter，把TabLayout和ViewPager关联起来，和你原来的逻辑一样。
• 横屏模式：直接操作两个Fragment容器，加载对应的Fragment，同时给TabLayout设置选中监听，切换Tab时更新两个容器里的Fragment。

关键代码片段：

@Override
protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.activity_main);

    TabLayout tabLayout = findViewById(R.id.tabLayout);
    ViewPager viewPager = findViewById(R.id.viewPager);
    FrameLayout leftContainer = findViewById(R.id.fragment_container_left);
    FrameLayout rightContainer = findViewById(R.id.fragment_container_right);

    // 假设你的Fragment列表和Tab标题
    List<Fragment> fragmentList = Arrays.asList(new HomeFragment(), new ProfileFragment(), new SettingsFragment());
    List<String> tabTitles = Arrays.asList("首页", "我的", "设置");

    if (viewPager != null) {
        // 竖屏：用ViewPager管理Fragment
        ViewPagerAdapter adapter = new ViewPagerAdapter(getSupportFragmentManager(), fragmentList, tabTitles);
        viewPager.setAdapter(adapter);
        tabLayout.setupWithViewPager(viewPager);
    } else {
        // 横屏：处理双Fragment容器
        // 先检查是否有已存在的Fragment（旋转后避免重复创建）
        Fragment leftFrag = getSupportFragmentManager().findFragmentById(R.id.fragment_container_left);
        Fragment rightFrag = getSupportFragmentManager().findFragmentById(R.id.fragment_container_right);

        if (leftFrag == null || rightFrag == null) {
            // 默认显示第一个和第二个Fragment
            leftFrag = fragmentList.get(0);
            rightFrag = fragmentList.get(1);
            getSupportFragmentManager().beginTransaction()
                    .replace(R.id.fragment_container_left, leftFrag)
                    .replace(R.id.fragment_container_right, rightFrag)
                    .commit();
        }

        // Tab切换时更新Fragment组合
        tabLayout.addOnTabSelectedListener(new TabLayout.OnTabSelectedListener() {
            @Override
            public void onTabSelected(TabLayout.Tab tab) {
                int selectedPos = tab.getPosition();
                Fragment newLeftFrag = fragmentList.get(selectedPos);
                // 这里可以自定义逻辑：比如选中最后一个Tab时，右边显示前一个；否则显示下一个
                Fragment newRightFrag = (selectedPos == fragmentList.size() - 1) 
                    ? fragmentList.get(selectedPos - 1) 
                    : fragmentList.get(selectedPos + 1);

                getSupportFragmentManager().beginTransaction()
                        .replace(R.id.fragment_container_left, newLeftFrag)
                        .replace(R.id.fragment_container_right, newRightFrag)
                        .commit();
            }

            @Override
            public void onTabUnselected(TabLayout.Tab tab) {}
            @Override
            public void onTabReselected(TabLayout.Tab tab) {}
        });
    }
}

// 自定义ViewPager适配器（竖屏用）
private static class ViewPagerAdapter extends FragmentPagerAdapter {
    private List<Fragment> fragments;
    private List<String> titles;

    public ViewPagerAdapter(FragmentManager fm, List<Fragment> fragments, List<String> titles) {
        super(fm, BEHAVIOR_RESUME_ONLY_CURRENT_FRAGMENT);
        this.fragments = fragments;
        this.titles = titles;
    }

    @Override
    public Fragment getItem(int position) {
        return fragments.get(position);
    }

    @Override
    public int getCount() {
        return fragments.size();
    }

    @Nullable
    @Override
    public CharSequence getPageTitle(int position) {
        return titles.get(position);
    }
}

3. 注意事项 #

• Fragment状态保存：如果你的Fragment有需要保留的数据，记得在Fragment的onSaveInstanceState中保存，在onViewCreated中恢复，避免旋转后数据丢失。
• Fragment复用：不要每次切换都new新的Fragment实例，可以用一个Map<Integer, Fragment>来缓存已创建的Fragment，提升性能。
• 依赖检查：确保你的项目已经添加了Material Design的依赖，比如implementation 'com.google.android.material:material:1.9.0'（版本可以根据你的gradle调整）。

这样调整后，设备旋转到横屏时就会自动切换成双Fragment显示的模式，竖屏则回到原来的Tab+ViewPager结构啦！

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