android 自带的design包中tablayout使用

在studio的Project Structure=>app=>dependencies ==>搜索design的依赖，如下：

compile 'com.android.support:design:26.0.0-alpha1'

先看实现的效果

     

先看一下布局吧（这个是activity中的主布局，也就是tabyaout,替换的布局是fragment ）

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width=