1、 添加design包

在main_activity.xml中添加如下代码 ：

< LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:layout_margin="5dp"
tools:context="com.usher.studytablayout.MainActivity">

<android.support.design.widget.TabLayout
    android:id="@+id/main_tablayout"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:background="#D2A2CC" /></LinearLayout>

2、编写MainActivity代码

public class MainActivity extends AppCompatActivity {

private TabLayout tablayout;

@Override
protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.activity_main);

    tablayout = (TabLayout) findViewById(R.id.main_tablayout);
    tablayout.addTab(tablayout.newTab().setText("新闻"));
    tablayout.addTab(tablayout.newTab().setText("天气"));
    tablayout.addTab(tablayout.newTab().setText("娱乐"));
}

}

这个东西就是TabLayout的基本显示，然后它有一些属性如下：

• tabIndicatorColor 下方滚动的下划线颜色
• tabTextColor 默认的文字颜色
• tabSelectedTextColor 被选中后文字的颜色
• tabIndicatorHeight 下划线的高度
• app:tabMode="scrollable" 很多标题的时候可以左右滑动

然后关于TabLayout的显示你还可以给他加上图片，代码如下：

public class MainActivity extends AppCompatActivity {

private TabLayout tablayout;

@Override
protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.activity_main);

    tablayout = (TabLayout) findViewById(R.id.main_tablayout);
    tablayout.addTab(tablayout.newTab().setText("新闻").setIcon(R.mipmap.icon1));
    tablayout.addTab(tablayout.newTab().setText("天气").setIcon(R.mipmap.icon2));
    tablayout.addTab(tablayout.newTab().setText("娱乐").setIcon(R.mipmap.icon3 ));
}