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