如何在材料设计操作栏中添加选项卡

时间:2015-08-10 09:50:46

标签: material-design

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

材料设计是......

navigation drawer area  | title area
                        | tabs area

我想..

navigation drawer area  | tabs area

1 个答案:

答案 0 :(得分:1)

尝试在工具栏中添加Tablayout,并将supportActionBar设置为java代码中的工具栏。

实施例

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));
    }