TabLayout

ViewPager和fragment切换只能实现简单样式，市场app大部分实现tab选项卡切换，自己动手实现选项卡效果会非常复杂，Tablayout继承自HorizontalScrollView，用作页面切换指示器，因使用简便功能强大而广泛使用在App中。

难点：工厂模式，懒加载

Tablayout常用属性：

app:tabBackground 标签布局的背景色 app:tabIndicatorColor 指示器的颜色 app:tabIndicatorHeight 指示器的高度（如果不需要指示器可以设置为0dp） app:tabMode 显示模式：默认 fixed（固定），scrollable（可横向滚动） app:tabPadding 标签内边距 app:tabSelectedTextColor 标签选中的文本颜色 app:tabTextAppearance 标签文本样式 app:tabTextColor 标签未选中的文本颜色

ViewPager的缺点：当加载页面比较多的情况下很容易造成oom内存溢出，是用户体验极差，

解决方法就是通过懒加载。

工厂模式：创建一个Fragment实例生产工厂类，根据FragmentID生成对应的实例，该类有 两个静态方法，分别创建无参数和有参数传递的Fragment实例

fragment适配器

List<String> stringList;
    List<Fragment> fragments;


    public FragmentAdapter(FragmentManager fm, List<String> stringList, List<Fragment> fragments) {
        super(fm);
        this.stringList = stringList;
        this.fragments = fragments;
    }

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

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

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

tab = findViewById(R.id.tab);
        vp = findViewById(R.id.vp);
        rg = findViewById(R.id.rg);
        stringList.add("推荐");
        stringList.add("分类");
        stringList.add("收藏");

        fragmentAdapter = new FragmentAdapter(getSupportFragmentManager(),stringList,fragments);
//        fragmentAdapter = new FragmentAdapter(getSupportFragmentManager(),fragments);
        vp.setAdapter(fragmentAdapter);
        tab.setupWithViewPager(vp);
        rg.setOnCheckedChangeListener(new RadioGroup.OnCheckedChangeListener() {
            @Override
            public void onCheckedChanged(RadioGroup radioGroup, int i) {
                switch (i){
                    case R.id.rb1:
                        vp.setCurrentItem(0);
                        break;
                    case R.id.rb2:
                        vp.setCurrentItem(1);
                        break;
                    case R.id.rb3:
                        vp.setCurrentItem(2);
                        break;
                }
            }
        });
        vp.addOnPageChangeListener(new ViewPager.OnPageChangeListener() {
            @Override
            public void onPageScrolled(int position, float positionOffset, int positionOffsetPixels) {

            }

            @Override
            public void onPageSelected(int position) {
                switch (position){
                    case 0:
                        rg.check(R.id.rb1);
                        break;
                    case 1:
                        rg.check(R.id.rb2);
                        break;
                    case 2:
                        rg.check(R.id.rb3);
                        break;
                }
            }

            @Override
            public void onPageScrollStateChanged(int state) {

            }
        });