返回《iOS Human Interface Guidelines译文》

分栏视图(只限 iPad)

分栏视图要在全屏状态下同时展示并排的两栏。

分栏视图

外观和行为

分栏的左半部分在各种角度下都固定宽度 320 点,用户不能手动调节分栏比例。

两栏都可以拿来展示很多种信息。例如:

♦ 表格、图片、地图、文本、网页或其他定制的视图

♦ 导航栏、工具栏和 tab 栏

指南

你可以在分栏视图的左侧展示持久的信息, 而在右侧展示子级细节信息。 在这种设计模式里,用户在左侧选择项目,右侧展示与此项目相关的信息。

一般而言, 一个在横屏下使用分栏视图的程序在设备转成竖屏后, 就把左侧分栏的内容移到浮出层里。但你也可以不遵从此模式。如果在你的程序里合理的话,可以始终采用分两栏展示内容的方式。

避免右侧分栏比左边窄。 虽然分栏的宽度随你定, 但右侧分栏的宽度少于 320 点的话看起来就不太好。

避免两个栏里都有导航栏。都有分栏的话就会让用户很难分辨两栏间的主次从属关系。

一般而言,左侧分栏的选中态要始终展示。这帮助用户理解左侧分栏项目与右侧内容间的关系。这很重要,因为右侧分栏的内容始终在变,但总要保持与左侧分栏选中项目的关系。