09 |「ViewPager」

前言

实践是最好的学习方式，技术也如此。

一、ViewPager 简介

• 是什么
  • ViewPager 是一个控件，承装多个页面的综合性控件，并且可以来回滑动；
• 作用
  • 可以实现滑动页面进行 fragment 的切换，可以承装多个页面来进行滑动；
• 应用场景
  • 新手引导欢迎页；
• ViewPager 中装入 fragment，ViewPager 与 fragment 结合实现多页面滑动；
• 用法
  • 数据 + 适配器 + ViewPager；
    • 数据

      •   List<View>、List<Fragment>   
        

    • 适配器

      •   FragmentPagerAdapter 
        

二、ViewPager 与 Fragment 结合

1、ViewPager + Fragment 实现底部页面导航

• ViewPager + Fragment + 普通 BottomView 实现底部导航页
  • 涉及知识点
    • ViewPager 的用法；
    • FragmentPagerAdapter的使用；
    • ViewPager切换页面与底部导航按钮的联动：滑动Viewpager底部导航页页对应同时被选中；

2、ViewPager + Fragment + BottomNavigationView 实现底部页面导航

• 涉及的知识点
  • ViewPager 的用法；
  • FragmentPagerAdapter 的使用；
  • BottomNavigationView 的使用；
  • ViewPager 切换页面与 BottomNavigationView 的联动；
  • Badge（新消息提示，图标右上角红圈）；

3、ViewPager + Fragment + TabLayout 实现底部页面导航

• 涉及的知识点
  • ViewPager 的用法
  • FragmentPagerAdapter 的使用
  • BottomNavigationView 的使用
  • ViewPager 切换页面与 BottomNavigationView 的联动
  • TabLayout 的用法
  • 嵌套 Fragment（childFragment）的用法

4、Fragment 实现侧滑菜单页面结构

• 涉及的知识点
  • Fragment + DrawerLayout + NavigationView 实现侧滑菜单页面结构
    • Fragment 的添加替换
    • DrawerLayout 的用法（抽屉布局）
    • NavigationView
    • 两种菜单形式
    • 侧滑菜单在主布局上
    • 侧滑菜单在主布局下