HIG:Bars - Status Bars(状态栏)

自上次参加完回音分享会后,我下定决心要洗心革面乖乖打基础,于是开启了这个part,争取两个月不间断更新,写完Material Design与iOS中的组件(顺便学学英语),以便今后在使用的时候完全不虚

状态栏(Status Bars)

Human Interface Guidelines链接:Status Bars

HIG:Bars - Status Bars(状态栏)_第1张图片
HIG:Bars - Status Bars(状态栏)_第2张图片

Status Bar出现在屏幕的上边缘,并显示有关设备当前状态的有用信息,如时间,手机运营商,网络状态和电池电量。 Status Bar中显示的实际信息取决于设备和系统配置。


使用时注意

使用系统提供的状态栏。 人们期望状态栏在系统范围内保持一致。 不要用自定义状态栏替换它。

将状态栏样式与您的app进行协调。状态栏的文字和indicators的视觉风格可以是白色或黑色(如上图),可以为您的app全局设置,也可以针对不同的屏幕单独设置。黑色status bar在浅色内容之上表现得更好,反之亦然。

对状态栏下的内容进行遮挡。默认情况下,状态栏的背景是透明的,允许下面的内容显示。保持status bar可读,并不意味着它背后的内容是交互式的。有几种常见的技术可以做到这一点:

·在您的app中使用navigation bar,它会自动显示status bar背景并确保内容不会出现在status bar下。

·在status bar后面显示自定义图像,如渐变色或纯色。

·在status bar后面放置一个模糊的视图。

考虑在显示全屏媒体时暂时隐藏status bar。当用户试图关注媒体时,status bar可能会分散用户注意力。暂时隐藏这些元素以提供更加身临其境的体验。例如,“照片”app会在用户浏览全屏照片时隐藏status bar和其他界面元素。

HIG:Bars - Status Bars(状态栏)_第3张图片
全屏看图片

避免永久隐藏status bar。 没有status bar,人们必须离开app检查时间或查看是否有Wi-Fi连接。 让人们使用简单的,可发现的手势重新显示隐藏的status bar。 在照片app中浏览全屏照片时,一次点击就会再次显示status bar。

使用status bar来表示网络活动。 当您的app使用网络时,尤其是对于冗长的操作,请显示网络活动status bar的indicator,以便人们知道活动正在发生。 

你可能感兴趣的:(HIG:Bars - Status Bars(状态栏))