TabLayout+ViewPager实现tab和页面联动效果

//导入依赖(要与compile 'com.android.support:appcompat-v7:26.+'对应)

compile 'com.android.support:design:26.+'

//布局依赖

xmlns:app="http://schemas.android.com/apk/res-auto"

//布局文件

<?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="vertical">
    
    <android.support.design.widget.TabLayout
        android:id="@+id/tab_FindFragment_title"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:background="#F2F2F2"
        app:tabIndicatorColor="#81B9B8"
        app:tabSelectedTextColor="#7BB6B5"
        app:tabTextColor="#BBBBBB" />
    
    <android.support.v4.view.ViewPager
        android:id="@+id/vp_FindFragment_pager"
        android:layout_width="fill_parent"
        android:layout_height="0dp"
        android:layout_weight="1" />
    
</LinearLayout>

//activity

TabLayout tab_FindFragment_title = (TabLayout) findViewById(R.id.tab_FindFragment_title);
        ViewPager vp_FindFragment_pager = (ViewPager) findViewById(R.id.vp_FindFragment_pager);
        List<Fragment> list_fragment = new ArrayList<>();
        list_fragment.add(new OneFragmentOne());
        list_fragment.add(new OneFragmentTwo());
        list_fragment.add(new OneFragmentThree());
        List<String>list_title = new ArrayList<>();
        list_title.add("ANDROID");
        list_title.add("IOS");
        list_title.add("福利");
        //设置TabLayout的模式
        tab_FindFragment_title.setTabMode(TabLayout.MODE_FIXED);
        //为TabLayout添加tab名称
        tab_FindFragment_title.addTab(tab_FindFragment_title.newTab().setText(list_title.get(0)));
        tab_FindFragment_title.addTab(tab_FindFragment_title.newTab().setText(list_title.get(1)));
        tab_FindFragment_title.addTab(tab_FindFragment_title.newTab().setText(list_title.get(2)));
        fAdapter = new TitleFragmentPagerAdapter(this.getSupportFragmentManager(), list_fragment, list_title);

        //viewpager加载adapter
        vp_FindFragment_pager.setAdapter(fAdapter);
        //tab_FindFragment_title.setViewPager(vp_FindFragment_pager);
        //TabLayout加载viewpager
        tab_FindFragment_title.setupWithViewPager(vp_FindFragment_pager);

//Fragment文件

public class OneFragmentOne extends Fragment {
    @Nullable
    @Override
    public View onCreateView(LayoutInflater inflater, @Nullable ViewGroup container, @Nullable Bundle savedInstanceState) {
        View view = inflater.inflate(R.layout.fragment3, container, false);
        return view;
    }
}