IOS 12设计规范(8-10)内容视图:分屏视图(Split View)

8.10       分屏视图(Split View)

分屏视图可以管理理两个并列列面板的显示,包括主面板中作为主要信息的展示  而在副面板中展示其关联信息。每个面板中都可以包含导航栏、工具栏、标签栏、表格、精选、图像、地图和自定义窗口等多种元素。分屏视图通常应 用于筛选信息的操作: 在主面板中显示一个筛选类别列表,将筛选后的结果 显示在副面板中。如果你的 App 有需要,主窗口可以覆盖在副面板之上, 主面板在不使用时也可以在屏幕上隐藏,当设备处于竖屏状态时,这一点非 常有用,因为能够在副面板中显示更多的内容。

IOS12设计规范

请根据内容来选择一个合适的分屏视图布局:默认情况下,分屏视图将屏幕的三分之一用于主面板,三分之二用于副面板。屏幕也可以分成两半,根据 你的内容选择合适的分割,但是请确保窗口看起来是平衡的。避免创建比主 面板更窄的副面板。

突出显示主面板中当前选择的选项:虽然副面板中的内容可以更改,但它应 该始终对应于主面板里选中的选项,这有助于用户理解两个面板之间的关系。

通常,只在分屏视图的一侧显示导航:在分屏视图的两个中都放置导航会让用户失去方面板向感,难以辨别两个面板之间的关系。

提供多种方式来唤醒隐藏的主面板:默认情况下只会显示一个副面板,因此 需要提供一个按(通常位于导航栏)用来呼出主面板。除非你的 App 使 用滑动手势来执行其他功能,否则应该支持用户从屏幕的边缘向屏幕内滑动 来唤出主面板。

文章转载请注明出处,并需展示来源网址!:淘盒子 » IOS 12设计规范(8-10)内容视图:分屏视图(Split View)

赞 (0) 打赏

评论 0

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

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

支付宝扫一扫打赏

微信扫一扫打赏