您的位置:华清远见教育科技集团 >> iOS资料 >> iOS界面元素使用指南:控件 (一)  
 
iOS界面元素使用指南:控件 (一)
分享到:

控件是用户用于完成操作、浏览信息的界面元素。iOS提供了大量控件供您使用。

活动指示器

活动指示器暗示任务或过程正在进行中。

外观和行为

当任务在进行中时,活动指示器出现。任务完成后立即消失。用户不与活动指示器交互。默认条件下,活动指示器是白色的。

指南

在工具栏或主视图上展示活动指示器,说明活动正在进行中,但无法展示何时完成。

不要展示静止的活动指示器,因为用户会觉得进程卡死了。

有必要提醒用户进程没有卡死的时候再展示进程指示器,而非展示进程何时完成。

合适的话,调整指示器的尺寸和颜色。

日期和时间拾取器

日期和时间拾取器用于选择时间的各个组成,比如小时、分钟、天、年。

外观和行为

日期和时间拾取器多可以展示四个独立的轮子,每一个展示一类值,比如月、小时。用户拖拉每个轮子,直到透明的选择栏下出现想要的值。每个轮子上终的值组成了拾取器的值。

拾取器的尺寸与iPhone键盘的尺寸一致。

日期和时间拾取器有四种状态,每一种展示不同数量的轮子,用于选择不同的值。

日期和时间。展示日期,小时和分钟,上午/下午的轮子可选。这是默认模式。

时间。时间模式展示小时和分钟,上午/下午的轮子可选。

日期。日期模式展示月份、天和年。

倒计时。倒计时展示小时和分钟。你可以设置倒计时的总长度,多23小时59分钟。

指南

使用日期和时间拾取器让用户对包含多段内容的时间进行设置,比如日、月、年。日期和时间拾取器很容易使用,因为每一部分的取值范围都很小,用户也知道会出现什么。

合理的话,改变分钟轮的步长。默认情况下,分钟轮展示60个值(0-59)。如果用户对时间精度要求不高,可以把分钟轮的步长设置的更大些,高可达60。例如,对时间精度要求是“刻”,那就展示0,15,30,45.

在iPad上,只在浮出层里展示日期和时间拾取器。iPad不适合全屏展示日期和时间拾取器。

详情展开按钮

详情展开按钮用于展示与某个物体相关的详情或功能。

外观和行为

用户按详情展示按钮,展示与某物体相关的额外信息和功能。这些额外细节或功能会展示在一个独立的视图里。

当详情展示按钮出现在表格视图的“行”里时,按在行的其他位置上不会激活细节展示按钮,这只会选中行或者触发程序自定义的行为。

指南

通常,详情展示按钮会用在表格视图里,用以引导用户查看更多与某项目相关的细节或功能。

当然,你也可以在其他视图模式使用它。

信息按钮

信息按钮展示程序的配置,通常是展示在屏幕的背面。

外观和行为

iOS有两种信息按钮:深色i浅色背景和浅色i深色背景。用户按到它时,信息按钮会自动发光闪一下,同时立刻有所响应。比如翻转屏幕展示背面。

指南

使用信息按钮可以展示配置详情或者选项。你可以使用与界面风格相符的信息按钮样式。

在iPhone上,使用信息按钮翻转屏幕,展示更多信息。通常,屏幕的背后展示那些不需要呈现在主界面上的配置选项。

在iPad上,避免使用信息按钮翻转整个屏幕。相反,你可以使用信息按钮向人们展示他们可以进入包含更多信息的扩展视图。

标签

标签用于展示各种数量的静态文字。

外观和行为

标签用于展示各种数量的静态文字。用户不与标签进行交互,但可以复制文本内容。

指南

你可以使用标签命名或描述界面的某一部分或者提供短消息给用户。标签好用来展示少量文本。

尽量让你的标签清晰可读。不要为了梦幻字体或炫目的色彩牺牲文字的清晰度。

网络活动指示器

网络活动指示器出现在状态栏上,暗示网络活动正在进行。

外观和行为

当有数据传输时,网络活动指示器出现在状态栏上。当网络活动停止后它就消失。用户不与网络活动指示器交互。

指南

当你的程序调用网络数据的时间稍长时,就应该展示网络活动指示器向用户反馈。如果数据传输很快就完成,就不用展示它了,因为很可能用户还没发现它就消失了。

页码指示器

页码指示器可显示共有多少页视图,当前展示的是第几页。

外观和行为

每一页视图在页码指示器里都用一个圆点展示。圆点的顺序与视图的顺序一致。发光的圆点代表当前打开的视图。用户可以按下发光点左右的点,浏览前一页或后一页。

点的间距不能压缩。竖屏视图模式下总共可以容纳20个点。如果你想放置更多的点,多余的点会被裁切掉。

指南

当需要展示一系列同级别的视图时可以使用页码指示器。如果要展示的视图间存在层级关系,就不要用它了,因为页码指示器不能帮助用户记录步骤和路径。

将页码指示器水平居中放置在屏幕底部。这样它既可以总摆在外面,又不会碍眼。不要展示过多的点。

在iPad上,考虑在同一屏上展示所有内容。iPad的大屏幕不适于展示平级的视图,所以对页码指示器的依赖也小一些。

拾取器

拾取器会展示一系列备选值。

外观和行为

日期和时间拾取器起源于拾取器。当使用日期和时间拾取器的时候,用户拨动转盘,直到想要的值出现。在iPhone上拾取器的尺寸与键盘一致。

指南

当需要在一组值中作出选择时,拾取器用起来更简单。当用户对整组值的内容都有所了解时,拾取器会更加适合。这是因为在任意时刻都有很多值是隐藏起来的。如果用户对可选的值并不了解,拾取器就不适合了。

如果需要展示非常大量的值,还是用表格吧,别用拾取器。表格的高度更大,滚动翻页也会更方便。

在iPad上,只使用浮出层展示拾取器。全屏展示拾取器不怎么合适吧。

进度指示器

进度指示器用于展示那些可预测完成度(时间、量)的任务或过程的完成情况。

外观和行为

iOS提供两种进度指示器。两种样式非常相似,但高度有所差别。

默认样式:白色,适合用在程序的主内容区。

栏样式:比默认的细,适合用在工具栏上。也是白色。

任务或过程进行中时。进度指示器的槽从左向右被逐渐填充。在任何时候,已填充和未填充部分间的比例都能告知用户任务或过程多久能完成。用户不与进度指示器交互。

指南

对可以预测总长度的任务或过程应当提供进度指示器,向用户反馈当前进度,尤其是当用户急切地想知道任务大概还要用多少时间。当进度指示器出现时,用户知道任务还在进行中,这样就能判断是继续等待还是终止进程。

 更多相关文章

·iOS界面元素使用指南:模态视图
·iOS界面元素使用指南:操作列表
·iOS界面元素使用指南:警告框
·iOS界面元素使用指南:内容视图(二)
·iOS界面元素使用指南:内容视图(一)