TabLayout与ViewPager实现头部标题与内容页联动的效果

1.添加依赖

compile 'com.android.support:design:25.3.1'

2.布局文件

<?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="match_parent"
    android:layout_height="match_parent"
    android:paddingBottom="@dimen/activity_vertical_margin"
    android:paddingLeft="@dimen/activity_horizontal_margin"
    android:paddingRight="@dimen/activity_horizontal_margin"
    android:paddingTop="@dimen/activity_vertical_margin"
    android:orientation="vertical"
    tools:context="com.example.tablayout.MainActivity">

    <android.support.design.widget.TabLayout
        android:id="@+id/tab"
        android:layout_width="match_parent"
        app:tabTextColor="#f00"
        app:tabSelectedTextColor="#0f0"
        app:tabIndicatorColor="#00f"
        android:layout_height="50dp">

    </android.support.design.widget.TabLayout>
    <android.support.v4.view.ViewPager
        android:id="@+id/vp"
        android:layout_width="match_parent"
        android:layout_height="match_parent">

    </android.support.v4.view.ViewPager>

</LinearLayout>

3.主类

 public class MainActivity extends AppCompatActivity {

    TabLayout tab;
    ViewPager vp;
    List<TextView> list;

    String[] strArray = {"社会","军事","体育", "情感", "情感", "情感", "情感", "情感", "情感", "情感"};

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

        tab = (TabLayout) findViewById(R.id.tab);
        vp = (ViewPager) findViewById(R.id.vp);

        initVP();

        tab.setTabMode(TabLayout.MODE_SCROLLABLE);
        tab.setupWithViewPager(vp);

    }

    private void initVP() {
        list = new ArrayList<TextView>();
        for (int i = 0; i < 10; i++) {
            TextView tv = new TextView(this);
            tv.setText("标题" + i);
            tv.setTextColor(Color.BLACK);
            tv.setTextSize(30);
            list.add(tv);
        }
        MyPagerAdapter adapter = new MyPagerAdapter();
        vp.setAdapter(adapter);
    }

    class MyPagerAdapter extends PagerAdapter{

        @Override
        public int getCount() {
            return list.size();
        }

        @Override
        public boolean isViewFromObject(View view, Object object) {
            return view == object;
        }

        @Override
        public Object instantiateItem(ViewGroup container, int position) {
            container.addView(list.get(position));
            return list.get(position);
        }

        @Override
        public void destroyItem(ViewGroup container, int position, Object object) {
            container.removeView((View) object);
        }
      //获取标题
        @Override
        public CharSequence getPageTitle(int position) {
            return strArray[position];
        }

    }

}