Material 3 `Slider` 已更新
概述
#Slider
已更新,以符合 Material 3 设计规范。
Slider
的变化包括更新的高度、活动轨与非活动轨之间的间隙,以及显示非活动轨终点值的停止指示器。按下滑块(thumb)会调整其宽度,而滑轨(track)会调整其形状。新的值指示器形状是圆角矩形。还为部分 Slider
形状引入了新的颜色映射。
背景
#Slider
的 Material 3 设计规范于 2023 年 12 月更新。若要选择使用 2024 年的设计规范,请将 Slider.year2023
标志设置为 false
。这样做是为了确保现有应用不受更新设计规范的影响。
变更说明
#Slider
小部件有一个 year2023
标志,可以将其设置为 false
以选择使用更新的设计规范。year2023
标志的默认值为 true
,这意味着 Slider
使用先前的 2023 年设计规范。
当 Slider.year2023
设置为 false
时,滑块使用更新的设计规范。
迁移指南
#要选择使用 Slider
的更新设计规范,请将 year2023
标志设置为 false
dart
Slider(
year2023: false,
value: _value,
onChanged: (value) {
setState(() {
_value = value;
});
},
),
要更新整个应用以使用更新的 Slider
设计,请在您的 MaterialApp
中将 SliderThemeData.year2023
属性设置为 false
dart
return MaterialApp(
theme: ThemeData(sliderTheme: const SliderThemeData(year2023: false)),
// ...
Slider(
value: _value,
onChanged: (value) {
setState(() {
_value = value;
});
},
),
// ...
时间线
#已在版本中发布: 3.28.0-0.1.pre
稳定版发布于: 3.29
参考资料
#API 文档
相关问题
相关 PR