Navigation Drawer 点击打开另一个 Fragment 替换 TabLayout & ViewPager

Question

我有一个项目，它有一个导航抽屉，它包括 2 项“主页”和“消息”。 “消息”页面是一个单独的片段，“主页”页面是一个 tabLayout 组合 viewPager，包括 3 个不同的片段。我想要的是“消息”片段来替换 Home 的 tabLayout 和 viewPager。现在我的问题是当我尝试用“消息”片段替换时，片段本身没有显示任何内容，但考虑到“消息”片段中有很大的 TextView。

MainActivity的导航点击代码

navigationView.setNavigationItemSelectedListener(new NavigationView.OnNavigationItemSelectedListener() {
        @Override
        public boolean onNavigationItemSelected(@NonNull MenuItem item) {


            switch (item.getItemId()) {

                case 0:
                    drawerLayout.openDrawer(GravityCompat.START);
                    break;

                case R.id.Home:
                    getSupportActionBar().setTitle("Home");
                    viewPager.setAdapter(mSectionPageAdapter);
                    viewPager.setCurrentItem(1);
                    mTabLayout.setupWithViewPager(viewPager);
                    break;


                case R.id.Message:
                    mTabLayout.removeAllTabs();
                    getSupportActionBar().setTitle("Message");
                    getSupportFragmentManager().beginTransaction().replace(R.id.viewPager_mainActivity, friendMessageFragment).commit();
                    break;



            }

            drawerLayout.closeDrawer(GravityCompat.START);
            return true;
        }
    });

Home tabLayout 的图片

Message片段的图片，这个片段假设中间有一个textView

我尝试使用getSupportFragmentManager() 替换我的 TabLayout，但它似乎根本不起作用。 有没有人知道我做错了什么或者我在这段代码中缺少什么，这些天我一直在努力解决这个问题......

更新 MainActivity XML 代码

<android.support.v4.widget.DrawerLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
xmlns:tools="http://schemas.android.com/tools"
android:id="@+id/drawer_main"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:fitsSystemWindows="true"
tools:context=".MainActivityUsed.MainActivity">


<android.support.design.widget.CoordinatorLayout
    android:id="@+id/container"
    android:layout_width="match_parent"
    android:layout_height="match_parent">


    <android.support.design.widget.FloatingActionButton
        android:id="@+id/floatingActionButton"
        android:layout_width="56dp"
        android:layout_height="56dp"
        android:layout_gravity="bottom|end"
        android:layout_marginBottom="16dp"
        android:layout_marginEnd="16dp"
        android:layout_marginRight="16dp"
        android:src="@drawable/add"
        app:backgroundTint="@color/backgroundOrange" />

    <RelativeLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent">


        <android.support.design.widget.AppBarLayout
            android:id="@+id/appbar_main_layout"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:showDividers="beginning"
            android:theme="@style/Base.ThemeOverlay.AppCompat.Dark.ActionBar">



            <include
                android:id="@+id/app_bar_info_regis_main_activity"
                layout="@layout/app_bar_info_regis" />

            <include android:id="@+id/app_bar_search_view"
                layout="@layout/search_view"/>


            <android.support.design.widget.TabLayout
                android:id="@+id/main_tabs"
                android:layout_width="match_parent"
                android:layout_height="wrap_content">


            </android.support.design.widget.TabLayout>


        </android.support.design.widget.AppBarLayout>


        <android.support.v4.view.ViewPager
            android:id="@+id/viewPager_mainActivity"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:layout_alignParentBottom="true"
            android:layout_alignParentLeft="true"
            android:layout_alignParentStart="true"
            android:layout_below="@id/appbar_main_layout">


        </android.support.v4.view.ViewPager>


    </RelativeLayout>

</android.support.design.widget.CoordinatorLayout>

<android.support.design.widget.NavigationView
    android:id="@+id/nav_view_main"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:layout_gravity="start"
    android:layout_marginEnd="-65dp"
    android:layout_marginRight="-65dp"
    android:fitsSystemWindows="false"
    app:headerLayout="@layout/nav_header"
    app:itemIconTint="@color/colorAccent"
    app:menu="@menu/main_activity_menu" />

Answer 1

当只有两个项时，您可以使用ViewFlipper，它允许两个子节点。

或使用FrameLayout 作为容器并相应地膨胀片段，而不是预先存在的XML。

事实上，它会膨胀第二个片段，没有机会返回到第一个片段。