material-design - 如何在 Material 设计操作栏中添加选项卡

Question

如何在 Material 设计中实现这一点。我想在操作栏中添加标签。

Material 设计是......

navigation drawer area  | title area                        | tabs area

我想..

navigation drawer area  | tabs area

Answer 1

尝试在 Toolbar 中添加 Tablayout，并在您的 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));
    }