iPhone界面-表视图、文本视图和网页视图
通用元素表视图、文本视图和网页视图在程序中经常应用。例如表视图用于显示简短的列表选项、分组的详细信息表或者项目索引列表,文本视图和网页视图可以不受限制地接收和显示内容。
表视图
表视图以栏列表的形式显示数据,栏可以拆分成项或者组,每栏可包含文本、图片或者控件。
使用方法和行为
不论是多少数量的信息,表视图都可以提供有效的管理方式,因而在iPhone界面设计中非常有用。表视图内置的元素容可供用户浏览和处理信息:
- 项或者组列表的上下显示页眉和页脚。
- 用户可以增加、移除或者重新编排列表,也可以对多个列表同时操作。
当用户选中一个列表项目时,应该提供适当的反馈:要么显示新视图,要么栏被标记为已选中。另外,表应该无间断地显示内容,如果表内容多或者复杂,数据可以逐步显示,避免在调取所有数据前不显示任何内容。如果数据变化不太频繁,可以先显示“过期”的数据直到更新新数据。这些设计都是期望使用户立即就看到有用的数据。如无法立即更新数据,为了避免出现死机的假象,可以在屏幕中显示进度条和文字说明,如“加载中…”,让用户知道程序仍在运行中。
表视图类型
iPhone OS 定义了两种外观不同的表视图类型:
- 普通型。如上图,用边框将表拆分成背景为白色的栏,可以使用界面右边的标签搜索。
- 编组型。编组型的栏从屏幕的边际插入,背景为垂直的条纹背景,而栏本身用白色填充。表视图内的组数量不受限制,组中的栏数量也不受限制,但不提供索引功能。
表视图元素
iPhone OS 中带有少量只能在表视图应用的功能性元素:
- 扩展图标。当显示扩展图标时,用户直到点击栏上的任何位置就会显示下一级列表或者选项。
- 细节扩展按钮。点击此按钮可以获得关于列表项的细节信息。
- 删除按钮。用于删除列表项,当用户用力点击栏或者在编辑中点击删除控件按钮。
- 删除控件按钮。点击删除控件按钮,显示或者隐藏删除按钮,为了增加反馈,删除按钮显示时,左边的水平负号旋转了90度。
- 插入栏按钮。用于在列表项中增加栏,栏重新排序按钮。
- 选中标记。显示在已选中的列表项右边。
开关控件
开关控件用于互斥的选项,例如是/否或者开/关,每次只显示其中一个选择。
表视图使用户操作更容易
表视图在iPhone界面设计中很常见,因为它能适应用户多种操作方式,比如:
- 选项。iPhone OS 不包括类似于菜单那样的多项选择式控件,但表视图也有可供用户选项的列表项。
- 信息分级导航。表视图可以显示多级信息,用户也易于通过扩展图标发现信息的层级关系。
- 浏览分组信息。可以将通讯录分组,如同事、家庭或者学校,信息在视觉上清晰可辨。
- 查找索引信息。如果使用普通表视图,可以通过界面右边的索引信息(如字母表)帮助用户快速查找。
文本视图
顾名思义,文本视图就是用于显示文本,例如写邮件的正文,可以设置整个文本的字体、颜色、边距或者特定的输入法。
网页视图
网页视图可以显示富内容和HTML,适用于网页或者web程序。