前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >Human Interface Guidelines —— 状态栏(Status Bars)

Human Interface Guidelines —— 状态栏(Status Bars)

作者头像
霖酱
发布2018-05-17 10:45:48
7930
发布2018-05-17 10:45:48
举报

自上次参加完回音分享会后,我下定决心要洗心革面乖乖打基础,于是开启了这个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,以便人们知道活动正在发生。 

本文参与 腾讯云自媒体分享计划,分享自作者个人站点/博客。
原始发表:2018.05.11 ,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体分享计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 状态栏(Status Bars)
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档