选择器包括一个或多个不同值的可滚动列表,每个列表都有一个选定的值 —— 位于视图中心,且文本较深。当用户编辑字段或点击菜单时,选择器通常显示在屏幕底部或弹出框中。选择器也可以显示在内部,例如在「日历」的事件中编辑日期。选择器的高度大致是五行列表值的高度。选择器的宽度是屏幕的宽度或其封闭视图的宽度,具体取决于设备和上下文。

Pickers.mp4 (86.05KB) 使用可预测的、符合逻辑顺序的值。当滚动列表静止时,选择器中的许多值可能会隐藏。这些值最好是可以预测的,例如按字母顺序排列的国家/地区列表,以便用户可以快速浏览列表。

不要切换屏幕显示选择器。选择器在上下文中、下方或靠近要编辑的字段时,效果良好。

对于数量较大的值,请使用表格而不是选择器。在选择器中对长列表进行导航会非常繁琐。表格具有可调节的高度,可以包含索引,从而使滚动速度更快。

有关开发人员指南,请参阅 UIPickerView

日期选择器

日期选取器是选择特定日期、时间或两者兼具的高效界面。它还提供了用于显示倒计时的界面。

Date_Pickers.mp4 (169.68KB) 日期选取器有四种模式,每种模式都显示一组不同的可选值。

  • 日期。显示月份、月份中的日期和年份。
  • 时间。显示小时、分钟和(可选的)指定 AM/PM。
  • 日期和时间。显示日期、小时、分钟和(可选的)指定 AM/PM。
  • 倒计时。显示小时和分钟,最长为 23 小时 59 分钟。

日期选取器中显示的精确值及其顺序取决于用户区域设置。

指定分钟时,请考虑提供较少的颗粒度。默认情况下,分钟列表包含 60 个值(0 到 59)。可以选择增加分钟间隔,只要它能均匀地分为 60。例如,可以将一小时均分为四份(0、15、30 和 45)。

有关开发人员指南,请参阅 UIDatePicker