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