如何在Material Design ActionBar中添加标签页

Question

如何在 material design 中实现此功能。

我想在操作栏中添加选项卡。

material design 是...

导航抽屉区域 | 标题区域
             | 选项卡区域

我想要的是...

导航抽屉区域 | 选项卡区域

- juilcho

Answer 1

尝试将Tablayout放置在Toolbar内，并在Java代码中将supportActionBar设置为Toolbar。

示例 Android XML

<android.support.v7.widget.Toolbar android:layout_width="match_parent"
                                               android:layout_height="?attr/actionBarSize"
                                               android:id="@+id/toolbar"
                                               android:background="?attr/colorPrimary">

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

Java代码

Toolbar toolbar=(Toolbar) findViewById(R.id.toolbar);
    setSupportActionBar(toolbar);

 String[] tabs={
            "Tab 1","Tab 2","Tab 3"
    };

    TabLayout tabLayout=(TabLayout) findViewById(R.id.tabLayout);
    tabLayout.setTabGravity(TabLayout.GRAVITY_FILL);

    for(String name:tabs){
        tabLayout.addTab(tabLayout.newTab().setText(name));
    }

- Collins Abitekaniza

---

我创建了一些示例，你可以在我的Github上找到它们。希望能对你有所帮助！https://github.com/erikcaffrey/MaterialDesign-NavigationDrawerToggle - Erik Jhordan Rey