组件 - 选择器

优质
小牛编辑
132浏览
2023-12-01

选择器提供了一个简单的方法来从一个预定义集合中选取单个值。

在手机上,选择器最适合被用来显示一个确认对话框。对于内联显示,例如一个表单中,考虑使用分段下拉按钮之类的紧凑控制。在你的应用中使用这些组件可以帮你保证用户指定的日期或者时间是正确格式化的。

  • 日期选择器的格式根据地区自动进行调整,即,美国是月-日-年,其他地区是日-月-年。
  • 时间选择器的格式根据用户的喜好进行设定,即,12小时或者 24 小时的格式。

日期选择器

时间选择器

日期选择器

一个日期选择器在手机上用来选择一个单个日期。

选定的日期由一个实心的圆圈指示。当前日期由一个不同颜色和类型的圆圈指示。

选择器 - 图1
日期和年选择器:白色主题,竖屏

从左滑到右来选择月份。点击标题 bar 中的年份转换到年份页面。

日期选择导航

选择器页面自适应于设备的方向。

选择器 - 图2
日期选择器:白色主题,横屏

一个黑色主题的选择器可能与一个黑色主题的应用协调。

选择器 - 图3
日期选择器:黑色主题,竖屏

黑色主题选择器的横屏页面。

选择器 - 图4
日期选择器:黑色主题,横屏

时间选择器

时间选择器被用来在手机上选择单个的时间(小时:分钟)

选中的时间由一个钟表指针终端的实心圆圈指示。

选择器 - 图5
日期选择器:白色主题,竖屏

在标题 bar 中点击小时和分钟标签的中间来切换小时和分钟页面。另外,点击标题 bar 中的 AM/PM 标签来切换 AM 与 PM(在 12 小时的时钟模式下)。

时间选择导航

选择页面自适应于设备方向。

选择器 - 图6
时间选择器:白色主题,横屏

一个黑色主题的选择器可以与一个黑色主题的应用协调。

选择器 - 图7
时间选择器:黑色主题,竖屏

黑色主题选择器的横屏页面

选择器 - 图8
时间选择器:黑色主题,横屏