状态栏

状态栏会显示时间和天气信息,以及连接和电池电量等系统状态详情。

本部分介绍了状态栏的各个元素以及各种背景透明度级别的选项。


解剖学

状态栏显示在屏幕顶部,并显示下方所示的元素。用户可以在“设置”中开启和关闭天气信息显示功能。

对于左手驾驶和右手驾驶的汽车,状态栏的元素显示顺序相同。

状态栏剖析
1. 时钟 - 数字显示当前时间
2. 天气信息 - 温度和天气图标
3. 连接性 - WLAN 和移动网络
4. 电池电量

背景选项

状态栏的背景有 3 个选项:

  • 不透明
  • 透明
  • 半透明渐变

虽然默认选项为不透明背景,但应用开发者还可以为其应用中的状态栏选择透明或半透明背景。

不透明

默认情况下,状态栏使用不透明背景呈现,以尽可能保护状态栏元素的易读性。不过,选择一定程度的透明度可以在状态栏和应用内容之间更顺畅地过渡,并允许显示更大的应用内容。

透明

如果应用的屏幕在状态栏元素后面提供了足够的对比度,则可以使用透明背景。目前,此选项用于大多数媒体和通信应用,以及应用启动器等系统体验。

应用启动器和 iHeartRadio 媒体播放屏幕的屏幕截图
在这些示例中,屏幕的顶部已经有一个纯色背景,因此状态栏的透明背景有助于它无缝融合

半透明渐变

如果应用显示的视觉信息会延伸到屏幕顶部,则可以为状态栏提供半透明背景和线性渐变。渐变提供足够的不透明度,让状态栏元素清晰可辨,而部分透明度有助于保持应用信息可见。

导航应用的屏幕截图
导航应用可以在状态栏后面使用半透明线性渐变,以确保地图元素可见,同时使状态栏元素易于阅读