SwiftUI|构建 Splash Screen 启动页面

使用 SwiftUI 构建启动页面(Splash Screen),展示品牌标识或初始化逻辑的最佳实践。

SwiftUI|构建 Splash Screen 启动页面

有时,你的 App 在启动时,需要加载一些初始化数据。你希望准备完成之后再展示给用户(从网络或本地数据库中恢复),而不是进入 App 页面之后再逐步加载。

此时,可以创建一个启动页面,实现更好的过渡 —— 这被成为 Splash Screen。

Splash Screen 的意义

Splash Screen 除了品牌展示的作用之外,在性能和用户体验方面也有帮助。

例如,对于聊天类的软件,通常需要定位到最新一条记录并显示。如果进入 App 主页之后再加载数据,数据刷新导致的滚动,在视觉上可能出现卡顿或掉帧问题。

在我的 MONO 项目中,我使用 Splash Screen 来解决初始化时的挂起问题。

Splash Screen 的设计

启动页面在视觉设计上,应当和 App 整体风格保持一致即可。

尽可能减少展示时间 —— 仅在数据准备时展示,最长不超过 3 秒。若需要更长时间,切换为进度指示器或 App 页面内加载动画。

最后,避免过渡设计

一些大公司的设计参考: