Status bar 状态栏

/STAT-us BAR/ · noun · 系统类模式 · #080

手机屏幕最上方的细条,显示时间、信号、Wi-Fi 和电量。它属于系统而不是 App——App 能决定的只有图标是深色还是浅色。

Status bar(状态栏) UI 模式示例:CatchUI 图鉴标本

别名:状态栏图标。

你可能会这样叫它

  • “手机最上面那一条”
  • “显示时间和电量的那一行”
  • “屏幕顶部的图标”
  • “手机顶部的小图标栏”
  • “信号和电池那一栏”

……它的名字是 状态栏(Status bar)。

常见问题

手机最上面那一条叫什么?

叫状态栏(Status bar),显示时间、信号、Wi-Fi、电量和一些小状态图标,iPhone 和安卓都有。新款 iPhone 的状态栏分布在灵动岛两侧;从它往下滑可以打开通知,iPhone 从右上角往下滑是控制中心。

iPhone 顶部的绿点是什么意思?

表示有 App 正在使用摄像头(或摄像头加麦克风);橙色点表示只在用麦克风。这是 iOS 14 起的隐私提示,打开控制中心可以看到是哪个 App 在用。

代码里叫什么

SwiftUI.statusBarHidden() .preferredColorScheme()
UIKitpreferredStatusBarStyle prefersStatusBarHidden
AndroidenableEdgeToEdge() WindowInsetsControllerCompat
FlutterSystemChrome.setSystemUIOverlayStyle() SystemUiOverlayStyle
Web (HTML)<meta name="theme-color"> env(safe-area-inset-top)

复制给 AI 编程工具

让这个界面和状态栏配合好:背景一直铺到屏幕顶边,文字和按钮按顶部安全区域留出空间放在它下方;浅色背景用深色状态栏图标,深色背景用浅色图标,保证时间和电量看得清。除全屏播放外不要隐藏它,也不要把可点的控件放在它覆盖的区域里。

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

相关模式

手机和电脑屏幕各部分叫什么(英文)→

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

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