IOS 12设计规范(7-3)图标和图像:状态栏(Status Bars)

7.3      状态栏(Status Bars)

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

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

使用你的设计来协调状态栏样式:     状态栏的文本和指示器器的视觉样式是白⾊的,可以设置到App的所有页面,或是单独为不同的页面设置。黑⾊的状态栏在浅⾊内容之上运行良好,而白⾊状态栏可以在深⾊内容之上运行。

IOS12设计规范

IOS12设计规范

隐藏状态栏下的内容: 默认情况下,状态栏的背景是透明的,允许下方的内容显示。保持状态栏的可读性,并不意味着它背后的内容是互动的。

有几种常用的技巧:

  • 在你的 App 中使用导航栏,它会⾃动显示状态栏背景,并确保内容不会显示在状态栏下。
  • 在状态栏后面显示自定义图像,如渐变或纯⾊。
  • 对状态栏后面的内容应用背景模糊效果( UIBlurEffect)。

考虑在全屏显示时暂时隐藏状态栏:   当用户试图关注某个媒体时,状态栏可能会分散注意力。暂时隐藏这些元素,提供更身临其境的体验。例如,照片 App 在用户浏览全屏照片时隐藏状态栏和其他界面元素。

IOS12设计规范

避免永久隐藏状态栏: 没有状态栏,人们必须离开你的应用程序来检查时间,或者看看他们是否有 Wi-Fi 连接。让人们通过简单,可发现的手势重新显示隐藏的状态栏。在照片中浏览全屏照片时,只需点击一次即可显示状态栏。

使用状态栏来表示显示网络状态: 当 App 使用网络时,特别是长时间的操作, 显示网络状态栏,以便人们知道活动正在进行中。请参阅 Network Activity Indicators 。开发者指南,请参阅 UIApplication 中的 UIStatusBarStyle 常量和UIViewController 中 的 preferredStatusBarStyle.

文章转载请注明出处,并需展示来源网址!:淘盒子 » IOS 12设计规范(7-3)图标和图像:状态栏(Status Bars)

赞 (0) 打赏

评论 0

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏