美文网首页 Human Interface Guidelines
iOS11人机交互指南-控件-05选择器 Pickers

iOS11人机交互指南-控件-05选择器 Pickers

作者: J_WongH | 来源:发表于2017-11-01 09:21 被阅读6次

选择包含一个或多个可滚动的不同值的列表,这些列表其中每一个都具有单一的数值。一般选择器出现时,页面都有深色遮罩。选择器通常位于屏幕的底部或当用户编辑字段或点击一个菜单时弹出。选择器也可能出现在内部,比如编辑日历中的日期时。选择器的高度五行列表的高度。选择器的宽度可以是屏幕的宽度,也可以是封闭的视图,这取决于设备和上下文。

使用可预测和逻辑排序的值。当可滚动的列表是固定的时,选择器中的很多值可能是隐藏的。保证户可以预测这些被隐藏的值是很好的方式,比如用一个列表按字母顺序排序的国家,所以他们可以很快地通过移动的列表选择字母。

避免切换屏幕时显示选择器。当显示在上下文中、或在被编辑的字段的下方或附近时,选择器能够正常工作。

列表值太多时使用表单替代选择器。在选择器导航较长的列表可能会导致交互太过乏味。一个表的高度可调,还可以包含一个索引,使滚动速度更快。

日期选择器

日期选择器是选择特定日期、时间或两者的高效控件。它还提供了一个显示倒计时器的界面。

日期选择器有四种模式,每种模式都显示不同的可选值列表。

日期:显示月、日、月和年。

时间:显示小时、分钟和(可选)上午/下午的指定。

日期和时间:显示日期、小时、分钟和(可选)上午/下午的指定。

倒计时定时器:显示时间和分钟,最高可达23小时59分钟。

日期选择器中显示的精确值和它们的顺序取决于用户的区域设置。

在指定分钟时考虑提供较少的粒度。默认情况下,一分钟列表包含60个值(0到59)。你可以随意增加分钟间隔,只要它平均分成60个。例如,可以设定15分钟为一个间隔,这是分钟滑轮就有4个值(0, 15, 30和45)。

原文链接

相关文章

网友评论

    本文标题:iOS11人机交互指南-控件-05选择器 Pickers

    本文链接:https://www.haomeiwen.com/subject/ekjwpxtx.html