导航抽屉单击以打开另一个片段来替换TabLayout和ViewPager

时间:2018-10-25 02:43:25

标签: android android-fragments android-viewpager android-tablayout

我有一个带有导航抽屉的项目,它包含2个项“ Home”和“ Message”。 “消息”页面是一个单独的片段,“主页”页面是一个包含3个不同片段的tabLayout组合viewPager。我想要的是“消息”片段来替换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;
        }
    });
  

“首页” tabLayout的图像

Photo of "Home"

  

消息片段的图像,该片段假定中间有一个textView

Photo of "Message"

我尝试使用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" />

1 个答案:

答案 0 :(得分:1)

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

或使用FrameLayout作为容器并相应地增加片段,而不是预先存在XML

照原样,它将使第二个片段膨胀,而没有机会返回第一个片段。