状态栏在屏幕上边缘显示,并显示有关设备当前状态的有用信息,如时间、蜂窝运营商、网络状态和电池电量。状态栏中实际显示的信息会因设备和系统配置而异。

    使用系统提供的状态栏。人们期望状态栏在全系统保持一致。不要将其替换为自定义状态栏。

    截屏2019-10-17下午2.48.14.png

    保持状态栏样式与应用设计的协调性。状态栏的文本和指示器的视觉样式有浅色或深色两种,可以针对应用全局设置,也可以针对不同界面单独设置。在浅色内容上,深色的状态栏效果更好;而在深色内容上,浅色的状态栏效果更好。

    模糊状态栏之下的内容。默认情况下,状态栏的背景是透明的,允许下面的内容显示通过。保持状态栏的可读性,不要暗示其后面的内容是交互式的。有几种常见的方法可以做到这一点:

    • 在应用中使用导航栏,该导航栏会自动显示状态栏背景,并确保内容不会显示在状态栏下。
    • 在状态栏后面显示自定义图像,如渐变或纯色。
    • 在状态栏后面放置模糊视图。有关开发人员指南,请参阅 UIBlurEffect

    显示全屏媒体时,考虑暂时隐藏状态栏。当用户尝试关注媒体时,状态栏可能会分散注意力。暂时隐藏这些元素,以提供沉浸式的体验。例如,在「照片」应用中,当用户浏览全屏照片时,会隐藏状态栏和其他界面元素。

    Status_Bar.mp4 (774KB) 不要永久隐藏状态栏。如果没有状态栏,人们必须离开你的应用来查看时间,或查看是否连接 Wi-Fi。让人们使用简单、可发现的手势来重新显示隐藏的状态栏。在「照片」应用中浏览全屏照片时,只需轻点一次即可再次显示状态栏。

    使用状态栏来表示网络活动。当你的应用使用网络时,尤其是长时间操作时,显示网络活动状态栏指示器,以便人们知道活动正在发生。请参阅网络活动指示器

    有关开发人员指南,请参阅 UIApplication 中的 UIStatusBarStyle 常量和 UIViewController 中的 preferredStatusBarStyle 属性。