利用TabLayout+ViewPager+Fragment实现首页侧滑

摘要：一简介使用起来就是我们通过创建给它填充多个，左右滑动时，切换不同的。

Viewpager使用起来就是我们通过创建adapter给它填充多个view，左右滑动时，切换不同的view。Google官方是建议我们使用Fragment来填充ViewPager的，这样 可以更加方便的生成每个Page，以及管理每个Page的生命周期

implementation "com.android.support:design:28.0.0"

xml

activity中通过id来寻找控件

 viewPager = findViewById(R.id.viewPager);
 tabLayout = findViewById(R.id.tabLayout);

创建ViewPager适配器

 public class PageAdapter extends FragmentPagerAdapter {

   List fragmentList = new ArrayList<>();
   List titleList = new ArrayList<>();

   public PageAdapter(FragmentManager fm,List fragmentList,List titleList) {
       super(fm);
       this.fragmentList = fragmentList;
       this.titleList = titleList;
   }

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

准备相关数据（fragment，title）

 private List getTitleList() {
       titleList.add("Tab1");
       titleList.add("Tab2");
       return titleList;
   }
 private List getFragmentList() {

       pageModels.add(new PageModel(R.layout.examplelayout1));
       pageModels.add(new PageModel(R.layout.examplelayout2));

       for (int i = 0; i < pageModels.size(); i++) {
           pageFragment = PageFragment.newInstance(pageModels.get(i).exampleLayoutRes);
           fragmentList.add(pageFragment);
       }
       return fragmentList;
   }

   class PageModel {
       @LayoutRes
       int exampleLayoutRes;

       public PageModel(@LayoutRes int exampleLayoutRes) {
           this.exampleLayoutRes = exampleLayoutRes;
       }
   }

设置viewPager适配器

 viewPager.setAdapter(new PageAdapter(getSupportFragmentManager(), getFragmentList(), getTitleList()));

设置tab标题

如果不设置此项，tab将无法显示

 tabLayout.setupWithViewPager(viewPager);
 

布局相关：

activity_main

fragment_page

examplelayout1

examplelayout2

功能代码

MainActivity

public class MainActivity extends AppCompatActivity {
    ViewPager viewPager;
    TabLayout tabLayout;
    List titleList = new ArrayList<>();
    List fragmentList = new ArrayList<>();
    List pageModels = new ArrayList<>();
    PageFragment pageFragment;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        doBisness();
    }

    private void doBisness() {
        viewPager = findViewById(R.id.viewPager);
        tabLayout = findViewById(R.id.tabLayout);
        viewPager.setAdapter(new PageAdapter(getSupportFragmentManager(), getFragmentList(), getTitleList()));

        tabLayout.setupWithViewPager(viewPager);
    }

    private List getTitleList() {
        titleList.add("Tab1");
        titleList.add("Tab2");
        return titleList;
    }

    private List getFragmentList() {

        pageModels.add(new PageModel(R.layout.examplelayout1));
        pageModels.add(new PageModel(R.layout.examplelayout2));

        for (int i = 0; i < pageModels.size(); i++) {
            pageFragment = PageFragment.newInstance(pageModels.get(i).exampleLayoutRes);
            fragmentList.add(pageFragment);
        }
        return fragmentList;
    }

    class PageModel {
        @LayoutRes
        int exampleLayoutRes;

        public PageModel(@LayoutRes int exampleLayoutRes) {
            this.exampleLayoutRes = exampleLayoutRes;
        }
    }
}

PageFragment

public class PageFragment extends Fragment {

    @LayoutRes
    int exampleLayoutRes;

    /**
     * Use this factory method to create a new instance of
     * this fragment using the provided parameters.
     */
    public static PageFragment newInstance(@LayoutRes int exampleLayoutRes) {
        PageFragment fragment = new PageFragment();
        Bundle args = new Bundle();
        args.putInt("exampleLayoutRes", exampleLayoutRes);
        fragment.setArguments(args);
        return fragment;
    }

    @Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        if (getArguments() != null) {
            exampleLayoutRes = getArguments().getInt("exampleLayoutRes");
        }
    }

    @Override
    public View onCreateView(LayoutInflater inflater, ViewGroup container,
                             Bundle savedInstanceState) {
        View view = inflater.inflate(R.layout.fragment_page, container, false);
        ViewStub exampleStub = view.findViewById(R.id.exampleViewStub);
        exampleStub.setLayoutResource(exampleLayoutRes);
        exampleStub.inflate();
        return view;
    }

}

PageAdapter

public class PageAdapter extends FragmentPagerAdapter {

    List fragmentList = new ArrayList<>();
    List titleList = new ArrayList<>();

    public PageAdapter(FragmentManager fm,List fragmentList,List titleList) {
        super(fm);
        this.fragmentList = fragmentList;
        this.titleList = titleList;
    }

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

https://github.com/fr1014/vie...