Human Interface Guidelines — 状态栏

作者: 霖酱 | 来源:发表于2018-05-11 09:01 被阅读50次

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

    状态栏(Status Bars)

    Human Interface Guidelines链接:Status Bars

    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和其他界面元素。

    全屏看图片

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

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

    相关文章

      网友评论

        本文标题:Human Interface Guidelines — 状态栏

        本文链接:https://www.haomeiwen.com/subject/udvxdftx.html