选择器可帮助用户选择和设置特定数据。
解剖学
使用方法
请参阅下列日期和时间选择器示例
如需了解预构建的日期和时间选择器实现,请查看 GitHub 上的 Horologist 库。
如果您想打造类似的体验,让用户在多个选择器中选择多个部分的值,请使用内置的 PickerGroup 组件。此对象使用焦点协调器对象将焦点分配给正确的 Picker 元素。
自适应布局
TimePicker 24 小时
时间选择器 12 小时
日期选择器
自适应行为
增大文字大小
超过 225 个以上的断点之后,Picker 元素的字体大小会发生变化。延迟滚动列中的顶部和底部文案会调整 (A),中间文案也是如此。以下是一些示例:
双列布局
三列布局
渐变大小增加
“选择器”列上的渐变高度由可用空间定义。顶部和底部渐变均设置为可用高度的三分之一 (33%)。这意味着,对于每个可用的屏幕尺寸,渐变都会按比例进行缩放。独立于列布局放置。
列间距增大
列间距超出 225+ 断点的范围,即从 2 dp 或 4 dp 开始,然后增加到 6 dp。这取决于您选择的布局:2 列或 3 列布局
双列布局