├─第1章 课程介绍与学习指南
│ 1-1 图文[无]
│ 1-2 课程导学.mp4
│ 1-3 本章目标.png
│ 1-4 android Studio开发Flutter实用技巧.mp4
│ 1-5 VS Code开发Flutter实用技巧.mp4
│ 1-6 本章总结.png
│ 1-7 思考题.png
│ 1-8 作业[无]
│
├─第2章 Flutter网络和数据存储框架搭建
│ 2-1 本章目标.mp4
│ 2-2 Flutter网络层框架凝难点分析.png
│ 2-3 Flutter网络框架架构设计.mp4
│ 2-4 基于配置的请求封装与hi_net架构搭建-1.mp4
│ 2-5 基于配置的请求封装与hi_net架构搭建-2.mp4
│ 2-6 hi_net统一异常和返回处理与Adapter模式设计.mp4
│ 2-7 扩展hi_net添加对dio的支持.mp4
│ 2-8 Dart JSON编码器和解码器剖析.mp4
│ 2-9 思考题.png
│ 2-10 三种JSON解析技巧带你解放生产力.mp4
│ 2-11 统一缓存管理框架hi_cache设计.mp4
│ 2-12 本章总结.mp4
│ 2-13 本章作业.png
│
├─第3章 登录注册模块设计开发
│ 3-1 本章目标.mp4
│ 3-2 登陆与注册流程分析.png
│ 3-3 Flutter登录与注册SDK设计实现.mp4
│ 3-4 登录态保持与接口鉴权处理.mp4
│ 3-5 输入框实用技巧与实战应用.mp4
│ 3-6 自定义AppBar与登录动效设计与实现.mp4
│ 3-7 注册模块设计与实现.mp4
│ 3-8 登录模块设计与实现.mp4
│ 3-9 本章总结.mp4
│ 3-10 本章作业.png
│
├─第4章 基于Flutter路由原理搭建APP导航架构
│ 4-1 本章目标.png
│ 4-2 Flutter的新导航器和路由系统.png
│ 4-3 Flutter路由管理剖析与实战.mp4
│ 4-4 基于全新Navigator封装易用的导航框架.mp4
│ 4-5 android物理返回兼容处理跳转回调实现.mp4
│ 4-6 封装统一导航功能提高开发效率.mp4
│ 4-7 页面导航监听与onPause和onResume功能探索与实现.mp4
│ 4-8 基于BottomNavigation+PageView实现底部导航功能.mp4
│ 4-9 扩展hi_navigator支持底部tab导航通知.mp4
│ 4-10 基于TabBar+TabBarView实现顶部导航功能.mp4
│ 4-11 本章总结.png
│ 4-12 本章作业.png
│
├─第5章 大首页模块开发
│ 5-1 本章目标.png
│ 5-2 首页接口系分与Dao层实现.mp4
│ 5-3 封装HiState处理页面状态异常.mp4
│ 5-4 轮播图Banner组件封装.mp4
│ 5-5 封装可自定义样式的沉浸式导航栏NavigationBar.mp4
│ 5-6 基于StaggeredGridView封装首页双Feed列表.mp4
│ 5-7 卡片组件封装与优化.mp4
│ 5-8 Flutter图片加载与缓存原理剖析-1.png
│ 5-8 Flutter图片加载与缓存原理剖析-2.png
│ 5-9 列表图片缓存与加载优化实战.mp4
│ 5-10 上拉加载更多与分页功能实现.mp4
│ 5-11 基于Lottie实现全局加载组件封装.mp4
│ 5-12 本章总结.png
│ 5-13 本章作业.png
│
├─第6章 Flutter视频播放器组件封装
│ 6-1 本章目标.png
│ 6-2 Flutter主流视频播放器.png
│ 6-3 Flutter主流视频播放器分析.mp4
│ 6-4 Flutter视频播放器组件封装.mp4
│ 6-5 播放器源码分析与自定义播放器UI.mp4
│ 6-6 全屏播放与沉浸式播放功能实现.mp4
│ 6-7 利用应用生命周期变化进行体验优化.mp4
│ 6-8 封装HiTab组件实现Tab切换功能复用.mp4
│ 6-9 本章总结.png
│ 6-10 本章作业.png
│
├─第7章 视频详情模块开发
│ 7-1 本章目标.png
│ 7-2 视频详情头部模块组件封装与布局技巧.mp4
│ 7-3 Flutter动画开发实用知识-1.png
│ 7-3 Flutter动画开发实用知识-2.png
│ 7-4 基于Animation实现带动画的展开列表组件.mp4
│ 7-5 详情页接口系分与视频模型复用.mp4
│ 7-6 视频点赞分享收藏工具栏实现.mp4
│ 7-7 视频收藏接口系分与功能实现.mp4
│ 7-8 关联视频列表卡片设计与功能实现.mp4
│ 7-9 本章总结.png
│ 7-10 思考题.png
│ 7-11 本章作业.png
│
├─第8章 排行榜模块开发
│ 8-1 图文[缺]
│ 8-2 排行榜页面框架搭建.mp4
│ 8-3 通用底层带分页和刷新的页面框架HiBaseTabState封装.mp4
│ 8-4 排行榜模块接口系分与Dao层封装.mp4
│ 8-5 基于HiBaseTabState实现页面快速搭建.mp4
│ 8-6 图文[缺]
│ 8-7 图文[缺]
│
├─第9章 个人中心模块开发
│ 9-1 图文[缺]
│ 9-2 个人中心模块接口系分与数据加载.mp4
│ 9-3 基于NestedScrollView与SliverAppBar实现复杂场景下的嵌套滚动.mp4
│ 9-4 高斯模糊与视差滚动效果实现.mp4
│ 9-5 图文【缺】
│ 9-6 高效的组件HiFlexibleHeader封装.mp4
│ 9-7 个人中心用户资产模块实现.mp4
│ 9-8 自定义动态布局实现职场进阶模块.mp4
│ 9-9 增值服务模块实现.mp4
│ 9-10 图文【缺】
│ 9-11 图文【缺】
│
├─第10章 视频弹幕架构开发
│ 10-1 图文【缺】
│ 10-2 图文【缺】
│ 10-3 图文【缺】
│ 10-4 基于web_socket_channel实现弹幕通信.mp4
│ 10-5 弹幕组件hi_barrage封装-1.mp4
│ 10-6 弹幕组件hi_barrage封装-2.mp4
│ 10-7 自定义弹幕展示效果.mp4
│ 10-8 基于Animation实现视频弹幕动效.mp4
│ 10-9 基于HiOverlay实现弹幕输入界面.mp4
│ 10-10 发送弹幕功能实现.mp4
│ 10-11 图文【缺】
│ 10-12 图文【缺】
│
├─第11章 实现Dark Mode主题模式【基于主流状态管理框架】
│ 11-1 图文【缺】
│ 11-2 图文【缺】
│ 11-3 图文【缺】
│ 11-4 基于ThemeData实现自定义主题.mp4
│ 11-5 基于provider实现主题状态管理.mp4
│ 11-6 代码优化实现Dark Mode适配.mp4
│ 11-7 系统Dark Mode变化监听与适配.mp4
│ 11-8 Flutter的夜间模式实现.mp4
│
├─第12章 Flutter组件化改造与提效
│ 12-1 图文【缺】
│ 12-2 图文【缺】
│ 12-3 hi-net模块解耦与重构.mp4
│ 12-4 hi-net组件化改造.mp4
│ 12-5 hi-barrage弹幕模块组件化改造.mp4
│ 12-6 hi_base基础模块组件化.mp4
│ 12-7 图文【缺】
│ 12-8 图文【缺】
│
├─第13章 Flutter稳定性与性能优化
│ 13-1 图文【缺】
│ 13-2 图文【缺】
│ 13-3 Flutter异常捕获与Crash日志收集.mp4
│ 13-4 图文【缺】
│ 13-5 稳定性保障之Flutter测试之道.mp4
│ 13-6 Flutter集成测试-1.mp4
│ 13-7 Flutter集成测试-2.mp4
│ 13-8 图文【缺】
│ 13-9 Flutter性能优化实战.mp4
│ 13-10 图文【缺】
│ 13-11 Flutter包大小优化.mp4
│ 13-12 图文【缺少】
│
├─第14章 Flutter项目集成打包
│ 14-1 图文【缺】
│ 14-2 图文【缺】
│ 14-3 集成与打包android应用.mp4
│ 14-4 图文【缺】
│ 14-5 集成与打包ios应用.mp4
│ 14-6 图文【缺】
│
├─第15章 课程总结
│ 总结.mp4
│
└─资料.rar
有需要联系v;加客服窗口的联系方式
摘要:本文深入探讨Flutter高级进阶实战,以仿哔哩哔哩APP 2021为例,全面解析Flutter在移动应用开发中的应用,涵盖架构设计、功能实现、性能优化和实战技巧等方面,旨在帮助开发者提升Flutter开发技能,实现高效、高质量的移动应用开发。
1、架构设计
在仿哔哩哔哩APP 2021的架构设计中,我们采用了MVP(Model-View-Presenter)模式,将业务逻辑、视图和控制器分离,提高代码的可维护性和可扩展性。具体来说,我们将业务逻辑封装在Presenter层,视图层负责展示数据和用户交互,模型层则负责数据管理和业务逻辑处理。
此外,我们还采用了RxDart库来实现异步编程,使得数据处理更加高效。通过将数据流和事件流结合起来,我们可以轻松实现数据绑定和事件监听,从而实现界面与数据的实时同步。
在架构设计中,我们还充分考虑了网络请求的处理。我们使用了Dio库来实现网络请求,并通过拦截器对请求进行统一管理,提高了代码的复用性和可维护性。
2、功能实现
仿哔哩哔哩APP 2021的功能实现主要包括以下几个方面:用户登录、视频播放、评论互动、搜索功能等。在实现过程中,我们注重用户体验,力求简洁明了的操作流程。
对于视频播放功能,我们采用了ijkplayer插件,实现了高清视频的流畅播放。同时,我们还实现了视频缓存功能,方便用户在离线状态下观看视频。
在评论互动方面,我们采用了Flutter的ListView组件来实现评论列表的展示,并通过自定义组件实现了评论的发表和回复功能。此外,我们还实现了评论的点赞和举报功能,提高了用户的互动体验。
3、性能优化
在性能优化方面,我们主要从以下几个方面入手:减少内存占用、提高渲染效率、优化网络请求等。
为了减少内存占用,我们对图片资源进行了压缩处理,并采用了懒加载技术,避免了大量图片同时加载导致的内存溢出问题。
在提高渲染效率方面,我们采用了Flutter的Widget优化技术,如使用const构造函数、避免不必要的重建等。同时,我们还对动画效果进行了优化,提高了动画的流畅度。
在网络请求方面,我们采用了缓存机制,减少了重复请求,提高了数据加载速度。
4、实战技巧
在实战过程中,我们积累了一些宝贵的经验,以下是一些实用的技巧:
1)合理使用Flutter的Widget,避免过度使用StatefulWidget,减少内存占用。
2)熟练掌握Flutter的动画库,实现丰富的动画效果。
3)了解Flutter的性能瓶颈,针对性地进行优化。
4)关注Flutter社区动态,学习最新的开发技巧和框架。
总结:
本文通过对Flutter高级进阶实战 仿哔哩哔哩APP 2021的详细解析,展示了Flutter在移动应用开发中的强大能力。通过架构设计、功能实现、性能优化和实战技巧等方面的阐述,为开发者提供了宝贵的经验和参考。希望本文能帮助开发者提升Flutter开发技能,实现高效、高质量的移动应用开发。
本文由nayona.cn整理
联系我们
关注公众号
微信扫一扫
支付宝扫一扫