控件集——Pickers/选择器

定义

选择器包括一个或多个可以滑动的列表,每个列表都可以被单独滑动。选择器多出现在屏幕的底部,或者作为面包屑列表出现在用户正在编辑的文本框或列表区。

选择器也可以出现在输入框之下,例如正在编辑一个日期时,选择器就出现在日期输入框的下方。

选择器的高度通常最多可容纳五列内容,宽度与屏幕等宽、或者与正在编辑的输入框等宽——主要取决于设备和内容。

使用规范

可考虑使用带有透明度的选择器。有透明度的选择器可以模糊的看到底部元素的颜色,在感觉上更加沉浸。

可考虑使用带有透明度的选择器。

使用有逻辑的顺序排列选项。当旋钮静止时有一部分选项是看不到的。最好让用户可以按照一定规律预测上下选项将会是什么内容,例如用拼音首字母顺序排列国家,用户将可以快速定位大致的目标位置。

避免选择器出现在另一个页面上。选择器和输入框相关联,出现在底部可以加强这种关联。

如果内容过长,请使用表格来替代。过长的选择器内容会使操作单调乏味。表格可以在较小的空间中显示较多的内容。


何时使用?

时间选择

时间选择器一般被用于需要用户设定具体时间的场景。例如闹钟、稍后提醒等等,以便应用程序在准确的时间点上提醒用户。使用时需要注意:

1、分钟与秒钟的选择器是循环的,用户从59滑动到00时,确保上一级单位进级;

2、当用户的手机系统为12小时制时,小时列表只显示到12,并在选择器的结尾增加「pm.」「am.」选项。

日期选择

日期选择器被用于只需要用户记得大致时间的场景。例如生日、入职时间等等。使用时需要注意:

1、 月份与日期的选择器不是循环的,确保年份在最前,并适当引导用户先填写年份;

2、       当用户需要选择最近的日期时,默认为今天的日期(今天显示为 Today);当用户需要选择生日时,默认为平均出生日期。

3、       日期天数随着月份和年份所含天数改变。

4、       避免让用户回忆太多信息。当日期只需要精确到年或者月的时候,省略后面更具体的日期列表;

5、       确保年份上限和下限。尤其是在选择出生日期中,年份最大值只可能是当年;同时确保每一个活在当代的人都可以选择到自己的出生日期。而在万年历中,确保可以选择到足够多的年份。而在设置系统时间时,一般上限为2060,下限为1900。

其他个人信息

其他个人信息包括但不限于血型、性别、和一些一般疑问句选项。使用时请遵循一般使用规范。

选项过多和过少的其他形式

当选项过多时建议使用全屏的 table。选项过少时建议使用Action Sheets(动作面板)。

小结

在使用选择器快速选择的同时,苹果系统还加入了震感反馈和音效反馈,近些年来,多感官反馈越来越被考虑在交互之中,使交互变得更加多元和沉浸。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。