![手把手开发网易新闻App系列五、打包App[BUIApp实战案例]](https://easybui.com/uploads/20220627/14413b0533a5904426ddbb3c3748addc.png)
手把手开发网易新闻App系列五、打包App[BUIApp实战案例]
从环境安装到bui-fast编辑插件使用,再到buijs工具模板构建工程化,再到组件化, 一个完整的页面开发流程已经有了, 也得到了我们想要的效果.
网易系列教程
手把手开发网易新闻App系列七、适配深色模式/暗黑模式/夜间模式/换肤
网易新闻中的底部选项卡--我的, 里面有一个按钮叫夜间模式, 我们来试着实现它. 如果看不懂下面的说明, 请先看前面几篇文章.
![手把手开发网易新闻App系列二、通过模板快速构建入口页[BUIApp实战案例]](https://easybui.com/uploads/20220627/0856dd46210fdbb82d2a48cd64094e49.png)
手把手开发网易新闻App系列二、通过模板快速构建入口页[BUIApp实战案例]
我们会一步一步给大家分析界面的实现. BUI得益于有一群优秀的设计师设计了很多通用的模板, 还有一群优秀的前端把界面完美的转换出来, 我们先来看看我们有哪些相似的模板没有, 拿下来用便是.
![手把手开发网易新闻App系列一、搭建App开发环境和工作空间[BUIApp实战案例]](https://easybui.com/uploads/20220627/1872bdf22136283b2dcfc47c44071058.jpeg)
手把手开发网易新闻App系列一、搭建App开发环境和工作空间[BUIApp实战案例]
我们的目标是要做一个真实的案例, 着重通过BUI框架及其相关工具的使用, 结合原生打包平台, 帮助大家理解一个App的开发过程. 以最新网易新闻的App为例, 尽量只描述过程, 细节可以自行完善, 高仿得太过以假乱真, 会有侵权问题 ^_^. 文章会分为多个小章节, 知识点逐个讲解的方式, 每天掌握一点点, 进步一点点. 文章首发都会在`bui神速`订阅号, 谢谢关注.
![手把手开发网易新闻App系列六、打包后的优化[BUIApp实战案例]](https://easybui.com/uploads/20220627/6a04d26d83e64307630827ce63d43c31.png)
手把手开发网易新闻App系列六、打包后的优化[BUIApp实战案例]
上节我们体验了打包后的效果, 跟我们前面几节讲的内容还有些细节没有讲到, 比如应用是如何绑定物理后退的? 设置了应用的全屏跟体验包的效果不太一样? 今天我们就来说道说道.
![手把手开发网易新闻App系列四、分离下拉刷新滚动分页组件[BUIApp实战案例]](https://easybui.com/uploads/20220627/0f2b8192cf5b572bd7d7bb450c3134a2.png)
手把手开发网易新闻App系列四、分离下拉刷新滚动分页组件[BUIApp实战案例]
前面几节我们通过构建工具buijs-cli,构建了模板, 通过bui-fast快速书写插件, 知道了一些简单的用法, 做了以下这个交互效果, 这一节我们会继续完善细节, 并把这个组件抽离出来复用.
![手把手开发网易新闻App系列三、结合bui-fast插件制作首页交互[BUIApp实战案例]](https://easybui.com/uploads/20220627/afd4731a6ad403623c1382db9ceb7243.png)
手把手开发网易新闻App系列三、结合bui-fast插件制作首页交互[BUIApp实战案例]
虽然已经过去两节了, 还没有看出163的模样, 不过没关系, 只要好好的理解前面两节, 对以后的开发会有很大帮助. 这一节我们会结合编辑器插件bui-fast来制作163的首页交互, 包含选项卡切换,下拉刷新,滚动加载等操作.
