TabLayout滑动条目

布局页面

<?xml version="1.0" encoding="utf-8"?>

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

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

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

代码页面
public class Frag01 extends Fragment {

private TabLayout tabLayout;
private ViewPager pager;

@Nullable
@Override
public View onCreateView(@NonNull LayoutInflater inflater, @Nullable ViewGroup container, @Nullable Bundle savedInstanceState) {
    View view = inflater.inflate(R.layout.frag01,container,false);

    tabLayout = view.findViewById(R.id.tablayout);
    pager = view.findViewById(R.id.pager);

创建集合
    final ArrayList<String> titleList = new ArrayList<>();
    循环4个条目
    for (int i=0;i<4;i++){
        switch (i){
            case 0:
                titleList.add("推荐");
                break;
            case 1:
                titleList.add("关注");
                break;
            case 2:
                titleList.add("我的");
                break;
            case 3:
                titleList.add("地图");
                break;
        }
    }
将数据添加到条目中
   final ArrayList<Fragment> fragmentList = new ArrayList<>();
   这是创建的数据
    fragmentList.add(new Frag_a());
    fragmentList.add(new Frag_b());
    fragmentList.add(new Frag03());
    fragmentList.add(new Frag04());

实现滑动
    pager.setAdapter(new FragmentPagerAdapter(getActivity().getSupportFragmentManager()) {
        @Override
        public Fragment getItem(int i) {
            return fragmentList.get(i);
        }

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

        @Nullable
        @Override
        public CharSequence getPageTitle(int position) {
            return titleList.get(position);
        }
    });
设置TabLayout
    tabLayout.setTabMode(TabLayout.MODE_FIXED);
    tabLayout.setupWithViewPager(pager);

    return view;
}

}