组件 选择器

选择器

选择器可以简单从预设中选取单一的值。

日期选择器在手机上通过对话框来选择单个日期。

时间选择器在手机上通过对话框来选择单个时间(「时:分」 格式)。时间格式会根据用户的设置自动调整。

替代方案

分段下拉按钮

用法 展开或收起内容 当内容收起时,箭头向下,当内容展开时,箭头向上。

在手机上,选择器最适用于显示确认对话框

对于行内展示,例如在一个表单中,考虑使用分段下拉按钮之类的更紧凑的控件。

日期选择器 展开或收起内容 当内容收起时,箭头向下,当内容展开时,箭头向上。

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

选中的日期用一个实心圆表示。当前日期用不同的颜色和字重表示。

日期和年份选择器:亮色主题,竖屏

从左向右滑动来选择月份。点击标题栏中的年份切换到年份视图。

日期选择器

选择器视图会自适应设备的方向。

日期选择器:亮色主题,横屏

暗色主题选择器可以搭配暗色主题的应用。

日期选择器:暗色主题,竖屏

横屏下的暗色主题选择器。

日期选择器:暗色主题,横屏

时间选择器 展开或收起内容 当内容收起时,箭头向下,当内容展开时,箭头向上。

时间选择器会根据用户的首选时间设置自动调整。例如,12 小时制或 24 小时制。

时间选择器用于在手机上选择单个时间(时:分)。

选中的时间由指针末端的实心圆表示。

时间选择器:亮色主题,竖屏

点击标题栏中的时和分可以切换设置时和分。另外,点击标题栏中的 AM/PM 可以切换到 AM 或 PM(在 12 小时制模式下)。

时间选择器

时间选择器会自适应设备方向。

时间选择器:亮色主题,横屏

暗色主题选择器可以搭配暗色主题的应用。

时间选择器:暗色主题,竖屏

横屏下的暗色主题选择器。

时间选择器:暗色主题,横屏