TabLayout + ViewPager 实现 页面滑动

在xml中加入TabLayout 和 ViewPager  ,然后在代码中华找到id并绑定

pageAdapter=new StudyOnLinePageAdapter(getChildFragmentManager());
study_viewpager.setAdapter(pageAdapter);
study_tablayout.setupWithViewPager(study_viewpager); 

然后跳到adapter页面中进行设置

/**
 * Created by weihailin on 2017/6/1  在线学习adapter
 */

public class StudyOnLinePageAdapter extends FragmentPagerAdapter {
    private List<Fragment> fragmentList=new ArrayList<>();
    private List<String> titleList=new ArrayList<>();
    public StudyOnLinePageAdapter(FragmentManager fm) {
        super(fm);
        fragmentList.add(new OnLineVideoListFragment());
        fragmentList.add(new StudyOnLineArticleFragement());
        titleList.add("视频");
        titleList.add("文章");
    }

    @Override
    public Fragment getItem(int position) {
        return fragmentList.get(position);
    }

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

    @Override
    public CharSequence getPageTitle(int position) {
        return titleList.get(position);
    }
}

两个新页面在new 出来的fragment中 .