Splash screen 启动页

/SPLASH SKREEN/ · noun · 反馈类模式 · #113

App 启动时短暂铺满屏幕的那一页,通常是纯色背景上的 App 图标或 logo,随后才出现第一个真正的界面。Apple 叫它 launch screen(启动屏幕)。它应该用来遮住加载时间,而不是额外制造等待。

Splash screen(启动页) UI 模式示例:CatchUI 图鉴标本

别名:闪屏页、开屏页、启动屏幕。

你可能会这样叫它

  • “打开 App 时的 logo 页”
  • “App 启动时的那一屏”
  • “开屏的那一页”
  • “进入 App 前的加载画面”

……它的名字是 启动页(Splash screen)。

常见问题

闪屏页是什么?

闪屏页(splash screen)也叫启动页、开屏页,是打开 App 时短暂显示的那一屏,通常是 logo 或图标加纯色背景,用来遮住加载时间。安卓 12 起系统会为每个 App 显示启动画面,iOS 叫 launch screen;国内不少 App 会在这里放几秒开屏广告。

启动页和引导页的区别是什么?

启动页每次打开 App 都会出现,只是加载过程中的过渡;引导页只在第一次使用时出现,用几屏介绍功能或请求权限,一般可以跳过,看完就不再出现。

代码里叫什么

Android 12+SplashScreen windowSplashScreenAnimatedIcon
AndroidXinstallSplashScreen() setKeepOnScreenCondition()
iOSUILaunchScreen LaunchScreen.storyboard
Web app manifestbackground_color icons 安卓用这些字段为已安装的网页应用生成启动画面
Flutter 在安卓和 iOS 原生工程里设置,一直显示到 Flutter 画出第一帧

复制给 AI 编程工具

按平台规范设置这个 App 的启动页:安卓 12 及以上用 SplashScreen API,App 图标配上与首屏一致的背景色,只保持到首批数据就绪;iOS 用看起来像空白首屏、不带文字的启动屏幕。不设最短显示时间、不放广告,App 从后台回来时不再显示启动页。

用 AI 写界面时该怎么说:UI 用词指南(英文)→

相关模式

传一张截图,抓住这个模式 →

学会从视觉线索认出 UI 模式(英文)