前言
实践是最好的学习方式,技术也如此。
文章目录
- 前言
- 一、ViewPager 简介
- 二、ViewPager 与 Fragment 结合
- 1、ViewPager + Fragment 实现底部页面导航
- 2、ViewPager + Fragment + BottomNavigationView 实现底部页面导航
- 3、ViewPager + Fragment + TabLayout 实现底部页面导航
- 4、Fragment 实现侧滑菜单页面结构
一、ViewPager 简介
- 是什么
- ViewPager 是一个控件,承装多个页面的综合性控件,并且可以来回滑动;
- 作用
- 可以实现滑动页面进行
fragment
的切换,可以承装多个页面来进行滑动;
- 可以实现滑动页面进行
- 应用场景
- 新手引导欢迎页;
- ViewPager 中装入
fragment
,ViewPager
与fragment
结合实现多页面滑动; - 用法
- 数据 + 适配器 + ViewPager;
- 数据
-
List<View>、List<Fragment>
-
- 适配器
-
FragmentPagerAdapter
-
- 数据
- 数据 + 适配器 + ViewPager;
二、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
- 两种菜单形式
- 侧滑菜单在主布局上
- 侧滑菜单在主布局下
- Fragment + DrawerLayout + NavigationView 实现侧滑菜单页面结构