TabLayout和Fragment实现点击和滑动切换

 

先上效果图：

                                       

先看布局文件：

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical">

    <android.support.design.widget.TabLayout
        android:id="@+id/tab_layout"
        android:layout_width="match_parent"
        android:layout_height="60dp" />

    <android.support.v4.view.ViewPager
        android:id="@+id/fragment_pager"
        android:layout_width="match_parent"
        android:layout_height="match_parent" />
</LinearLayout>

这边初始化了三个数组，用于展示文字和图片，并绑定控件

private TabLayout tabLayout;
    private ViewPager viewPager;
    private String[] title = {"第一个", "第二个", "第三个"};
    private int[] selectImg = {R.mipmap.icon_past_yellow, R.mipmap.icon_wrelust, R.mipmap.icon_yrelust_yellow};
    private int[] unSelectImg = {R.mipmap.icon_past, R.mipmap.icon_wrelust_g, R.mipmap.icon_yrelust};


    @Override
    protected void onCreate(@Nullable Bundle savedInstanceSt