android Viewpager+TabLayout+Fragment

Viewpager+TabLayout+Fragment

TabLayout滑动的时候viewpager换页

Viewpager换页的时候TabLayout滑动

Viewpager的适配器装的是Fragment

1.Viewpager弄个适配器extends FragmentPagerAdapter

适配器里面成员变量:一个title字符串集合,一个fragment集合

public class CarTypeViewAdapter extends FragmentPagerAdapter {

    private ArrayList<String> titleList;
    private ArrayList<Fragment> fragmentList;

    public CarTypeViewAdapter(FragmentManager fm, ArrayList<String> titleList, ArrayList<Fragment> fragmentList) {
        super(fm);
        this.titleList = titleList;
        this.fragmentList = fragmentList;
    }

    @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);
    }
}

2.适配器加载数据

private CarTypeViewAdapter carTypeViewAdapter;
private ArrayList<String> carStringList =new ArrayList<>();
private ArrayList<Fragment> carTypeFragmentList = new ArrayList<Fragment>();

carStringList.add("小型面包车");
carStringList.add("中型面包车");
carStringList.add("小型货车");
carStringList.add("中型货车");
CarTypeFragment carTypeFragment1=CarTypeFragment.newInstance(1);
CarTypeFragment carTypeFragment2=CarTypeFragment.newInstance(2);
CarTypeFragment carTypeFragment3=CarTypeFragment.newInstance(3);
CarTypeFragment carTypeFragment4=CarTypeFragment.newInstance(4);
carTypeFragmentList.add(carTypeFragment1);
carTypeFragmentList.add(carTypeFragment2);
carTypeFragmentList.add(carTypeFragment3);
carTypeFragmentList.add(carTypeFragment4);

carTypeViewAdapter=new CarTypeViewAdapter(getChildFragmentManager(), carStringList,carTypeFragmentList);

3.Viewpager设置该适配器,TabLayout与Viewpager建立关系

private ViewPager viewPager;
private TabLayout tabLayout1;


viewPager= getView().findViewById(R.id.vp_cartype);
viewPager.setAdapter(carTypeViewAdapter);
tabLayout1=getView().findViewById(R.id.huoyun_tablayout);
tabLayout1.setupWithViewPager(viewPager);