TabLayout在添加导航栏后未显示选项卡

时间:2017-02-21 12:21:44

标签: android navigation-drawer android-tablayout

我正在使用ViewPager + TabLayout。它工作正常,但在我添加导航栏后,TabLayout没有显示标签。我搜索了解决方案,但没有一个帮助。如果有人告诉我为什么会这样,那将会非常有帮助。

MainActivity.java

    ViewPager viewPager = (ViewPager) findViewById(R.id.viewpager);

    SimpleFragmentPageAdapter adapter = new SimpleFragmentPageAdapter(this, getSupportFragmentManager());

    viewPager.setAdapter(adapter);

    TabLayout tabLayout = (TabLayout) findViewById(R.id.tabs);

    tabLayout.setupWithViewPager(viewPager);

    DrawerLayout drawer = (DrawerLayout) findViewById(R.id.drawer_layout);
    ActionBarDrawerToggle toggle = new ActionBarDrawerToggle(
            this, drawer, toolbar, R.string.navigation_drawer_open, R.string.navigation_drawer_close);
    drawer.addDrawerListener(toggle);
    toggle.syncState();

    NavigationView navigationView = (NavigationView) findViewById(R.id.nav_view);
    navigationView.setNavigationItemSelectedListener(this);

content_main.xml

    <android.support.design.widget.TabLayout
    android:id="@+id/tabs"
    style="@style/CategoryTab"
    android:background="@color/colorPrimary"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    app:tabTextColor="#ddd"
    app:tabSelectedTextColor="#fff" />

    <android.support.v4.view.ViewPager
    android:id="@+id/viewpager"
    android:background="#fff"
    android:layout_width="match_parent"
    android:layout_height="match_parent"/>

1 个答案:

答案 0 :(得分:3)

请参阅此代码。在appbar layout中添加选项卡布局。试试这个

<android.support.design.widget.AppBarLayout
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:layout_marginTop="200dp"
    android:id="@+id/appBarLayout2">


    <android.support.design.widget.TabLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:id="@+id/tabLayout2"
        app:tabMode="fixed"
        app:tabGravity="fill"

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

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

<android.support.v4.view.ViewPager
    android:layout_width="match_parent"
    android:layout_height="300dp"
    android:layout_alignParentStart="true"
    android:layout_alignParentBottom="true"
    android:id="@+id/viewPager2"
    android:layout_below="@+id/appBarLayout2">

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