TabLayout+Fragment+ViewPager的标题滑动使用

TabLayout控件是可以让标题向Listview一样进行滑动，只是是水平滑动，我们可以用它来作为标题分类，就像今日头条一样，下面是将TabLayout+Fragment+ViewPager进行联动；

1：导入TabLayout包，在Project Structure 中选择app，然后选择最后一个Dependencies，点击“+”号，选择：com.android.support:design:26.0.0-alpha1     点击ok就可以了

然后就可以在布局中使用TabLayout了，记得添加ViewPager进行匹配界面：

<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:orientation="vertical"
    tools:context="text.bawei.com.tablistview.MainActivity">
    <android.support.design.widget.TabLayout
        android:id="@+id/mtab"
        android:layout_width="match_parent"
        android:layout_height="50dp"
        android:layout_alignParentTop="true"
        android:layout_alignParentLeft="true"
        app:tabMode="scrollable"

        android:layout_alignParentStart="true"
        android:layout_marginTop="43dp">

    </android.support.design.widget.TabLayout>

    <android.support.v4.view.ViewPager
        android:id="@+id/viewpager"
        android:layout_width="match_parent"
        android:layout_height="0dp"
        android:layout_alignParentLeft="true"
        android:layout_alignParentStart="true"
        android:layout_alignParentTop="true"
        android:layout_weight="1">

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

</LinearLayout>

然后在res的layout里面创建两个xml，用来不同的布局，然后创建类，继承Fragment，关联布局，需要多少就创建多少

public class Fragment1 extends Fragment {
    @Override
    public View onCreateView(LayoutInflater inflater, @Nullable ViewGroup container, @Nullable Bundle savedInstanceState) {
        View view=View.inflate(getContext(),R.layout.bbb,null);
        return view;
    }
}
然后在main类里面进行ViewPager的适配器，同时对TabLayout和ViewPager进行关联

public class MainActivity extends AppCompatActivity {
    private TabLayout mtab;
    ViewPager viewPager;
    private List<Fragment> arr=new ArrayList<>();
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        mtab = (TabLayout) findViewById(R.id.mtab);
        viewPager = (ViewPager) findViewById(R.id.viewpager);
//可以根据需求用数组或者集合添加标题       
 for (int i=0; i<2; i++)
        {
            mtab.addTab(mtab.newTab().setText("标题"+i));
        }
        arr.add(new Fragment1());
        arr.add(new Fragment2());
        mtab.setupWithViewPager(viewPager);
        viewPager.setAdapter(new FragmentPagerAdapter(getSupportFragmentManager()) {
            @Override
            public Fragment getItem(int position) {
                return arr.get(position);
            }

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

            @Override
            public CharSequence getPageTitle(int position) {
                return "标题";
            }
        });
    }


}
完成，如果每个页面布局和方法不同，只要在对应的xml文件里面进行布局就可以了，方法在对应的继承Fragment类里面就可以了。