内容视图(Content Views)
iOS提供了一些用于定制信息展示方式的视图模板。每一种视图方式都有独特的属性和行为方式,使得它非常适于展示某一类型的信息。
浮出层(只限iPad)

浮出层是一种临时的视图方式,可以通过用户点击控件或区域来召唤。
外观和行为 。
浮出层会悬浮在主屏幕的上面。它还有一个箭头,指向触发它的控件或区域。浮出层上可以展示很多物体和视图,例如:
表格、图片、地图、文本、web或者定制的视图
导航栏、工具栏或tab栏
与当前程序展示的内容相关的控件或物体。
在iPad上,操作列表(action sheet)总是以浮出层的形式出现。
指南
你可以这样使用浮出层:
与选中或成为焦点的的物体相关的信息或者物品列表
在竖屏模式下,展示原本横屏模式下的左侧分栏。这样做时,要找一个合适的按钮去召唤它,给按钮合适的名字,把按钮放在屏幕顶部的导航栏或者工具栏上。
展示一个操作列表,里面包含于当前屏幕内容紧密相关的一系列选项。
不要提供关闭浮出层的按钮。当浮出层没有继续存在的必要时,就应该自动消失。那么,到哪里才能判断浮出层还有没有利用价值呢?只要参考以下情况:
如果浮出层只是提供了一些对主界面有影响的选项或物品,那么,选择一做完,它就应该消失。这种行为与电脑上的“菜单”非常相似。记住,这种行为方式也适用于只显示了操作列表的浮出层:用户一点击列表中的某个按钮,浮出层就关闭。
有时,浮出层在用户做出选择后,也不一定要消失。用户可能想要多选、或者调整当前选择的属性。
包含菜单或inspector(检视窗口?)应该在用户点击浮出层以外的区域(包括召唤它的按钮)时关闭。在提供餐单的浮出层中,这种动作意味着用户放弃选择,所以不要影响主界面。
在展示动作列表的窗口里,这个动作意味着“取消”。
如果要在浮出层上执行任务,要展示能完结或取消该任务并同时关闭浮出层的按钮。一般而言,用于执行编辑任务的浮出层上会有“完成”和“取消”。这些按钮提醒用户当前是一个编辑环境,可以选择保留或放弃输入的信息。当用户点击任何一个按钮时,浮出层都应关闭。
如何合理的话,你也可以在用户点击其他区域时不关闭浮出层。若果用户完成的这个任务很重要,这会是个好主意。否则,你应该在用户点击浮层外区域时保存用户输入的信息,就像用户点完成后你会做的那样。
一般而言,在用户点击浮层外区域时保存用户的工作。因为浮层没有明显的解散令,用户可能是不小心碰到了。除非用户点了取消,你才能舍弃他们的工作。
让浮出层的箭头尽量指向唤醒它的元素。这帮助人们记住浮出层是从哪儿冒出来的,与什么任务有关。
确保用户不用看主界面上被遮住的信息就能完成浮出层里的任务。浮出层会遮住它后面的内容,而且浮出层不能被拖到其他地方去。
确保同一时刻屏幕上只有一个浮出层。不应该同时展示多个浮出层(或者定制的看起来或行为像是浮出层的东西)。不要同时展示级联的或层叠的浮出层,不要一层套一层。
不要在浮出层上面一层展示模态视图。除非是警告框,否则浮出层上面不要再展示东西。
可以的话,允许咏絮关掉浮出层,然后点一下就打开另一个浮出层。这在基本不同的工具栏按钮分别激活不同的浮出层时尤其有效,因为它不需要用户做过多的操作。
浮出层避免做得太大。太大的浮出层看起来像是把整个屏幕盖住了。它只要和它包含的内容一样大就好,并且指向激活它的地方。
佳的浮出层宽度应该大于320点,小于600点。高度没有限制,所以你可以用它展示很长的列表。一般而言,含有任务或操作列表的浮出层好直接全展示出来,不要让用户翻页。注意,系统可能会把高度和宽度调整到适应屏幕的大小。
在浮出层里,建议使用标准控件和视图。一般而言使用标准控件和视图的浮出层看起来会很棒,也容易理解。
使用定制背景色或纹理时要留意。确保标准界面元素在你定制的背景上看起来很棒,容易阅读。
合适的话,在展示浮出层时可以动态改变大小。你也许想在展示精简信息和扩展信息时改变浮出层的尺寸。真要改的话,可以用动画。这会非常合适,因为它可以避免让用户觉得好像是出现了一个新的浮出层,把旧的顶掉了。
分栏视图(只限iPad)
分栏视图要在全屏状态下同时展示并排的两栏。

外观和行为
分栏的左半部分在各种角度下都固定宽度320点,用户不能手动调节分栏比例。
两栏都可以拿来展示很多种信息。例如:
表格、图片、地图、文本、网页或其他定制的视图
导航栏、工具栏和tab栏
指南
你可以在分栏视图的左侧展示持久的信息,而在右侧展示子级细节信息。在这种设计模式里,用户在左侧选择项目,右侧展示与此项目相关的信息。
一般而言,一个在横屏下使用分栏视图的程序在设备转成竖屏后,就把左侧分栏的内容移到浮出层里。但你也可以不遵从此模式。如果在你的程序里合理的话,可以始终采用分两栏展示内容的方式。
避免右侧分栏比左边窄。虽然分栏的宽度随你定,但右侧分栏的宽度少于320点的话看起来就不太好。
避免两个栏里都有导航栏。都有分栏的话就会让用户很难分辨两栏间的主次从属关系。
一般而言,左侧分栏的选中态要始终展示。这帮助用户理解左侧分栏项目与右侧内容间的关系。这很重要,因为右侧分栏的内容始终在变,但总要保持与左侧分栏选中项目的关系。
|