TabLayout布局用法

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:orientation="horizontal"
    android:background="#f00">
 <!--
        app:tabGravity="center"    设置居中对齐
        app:tabIndicatorColor="@color/colorAccent" 下滑线的颜色
        app:tabMode="scrollable"  设置tabLayoout菜单的模式,,,scrollable可以横向滚动
        app:tabSelectedTextColor="@color/colorPrimaryDark"  选中的时候文字的颜色
        app:tabTextColor="@color/colorPrimary"       文本默认的颜色
    -->
    <android.support.design.widget.TabLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:id="@+id/tab"
        app:tabGravity="center"
        app:tabIndicatorColor="@color/colorAccent"
        app:tabMode="scrollable"
        app:tabSelectedTextColor="@color/colorPrimaryDark"
        app:tabTextColor="@color/colorPrimary"></android.support.design.widget.TabLayout>
    <android.support.v4.view.ViewPager
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:id="@+id/vp"></android.support.v4.view.ViewPager>
</LinearLayout>
//build.gradle中写依赖
implementation 'com.android.support:design:26.+'