我們設(shè)置項目全局滑塊一般通過 SliderThemeData 來定義，通過它习蓬，你可以控制 Slider 的樣式細節(jié)税弃。比如：
Widget build(BuildContext context) {
return MaterialApp(
theme: ThemeData(
primarySwatch: Colors.blue,
sliderTheme: const SliderThemeData(
activeTrackColor: Colors.blue, // 設(shè)置 Slider 軌道的顏色
inactiveTrackColor: Colors.white, // 設(shè)置 Slider 軌道未激活時的顏色
thumbColor: Colors.blue, // 設(shè)置 Slider 滑塊的顏色
valueIndicatorColor: Colors.blue, // 設(shè)置 Slider 指示器的顏色
),
),
home: HomePage,
);
}
以下是每個屬性的解釋：
1. trackHeight
-
類型:
double - 說明: 控制滑動條軌道的高度。
2. activeTrackColor
-
類型:
Color - 說明: 滑塊左側(cè)（或右側(cè)盾计，對于從右到左的布局）已激活部分的軌道顏色。
3. inactiveTrackColor
-
類型:
Color - 說明: 滑塊右側(cè)（或左側(cè)赁遗，對于從右到左的布局）未激活部分的軌道顏色署辉。
4. secondaryActiveTrackColor
-
類型:
Color -
說明: 處于活動狀態(tài)的次要軌道顏色，通常在
RangeSlider中使用岩四。
5. disabledActiveTrackColor
-
類型:
Color - 說明: 滑塊不可用時已激活部分軌道的顏色哭尝。
6. disabledInactiveTrackColor
-
類型:
Color - 說明: 滑塊不可用時未激活部分軌道的顏色。
7. disabledSecondaryActiveTrackColor
-
類型:
Color -
說明: 滑塊不可用時次要軌道的顏色剖煌，通常在
RangeSlider中使用材鹦。
8. activeTickMarkColor
-
類型:
Color - 說明: 激活的軌道上的刻度標記的顏色逝淹。
9. inactiveTickMarkColor
-
類型:
Color - 說明: 未激活的軌道上的刻度標記的顏色。
10. disabledActiveTickMarkColor
-
類型:
Color - 說明: 滑塊不可用時桶唐，已激活軌道上的刻度標記顏色栅葡。
11. disabledInactiveTickMarkColor
-
類型:
Color - 說明: 滑塊不可用時，未激活軌道上的刻度標記顏色尤泽。
12. thumbColor
-
類型:
Color - 說明: 滑塊的顏色欣簇。
13. overlappingShapeStrokeColor
-
類型:
Color -
說明: 當
thumb和valueIndicator重疊時，顯示的描邊顏色坯约。
14. disabledThumbColor
-
類型:
Color - 說明: 滑塊不可用時的顏色熊咽。
15. overlayColor
-
類型:
Color - 說明: 滑塊周圍的水波紋顏色（滑動時顯示）。
16. valueIndicatorColor
-
類型:
Color - 說明: 值指示器的顏色（通常在滑塊上方顯示當前值）闹丐。
17. valueIndicatorStrokeColor
-
類型:
Color - 說明: 值指示器的描邊顏色横殴。
18. overlayShape
-
類型:
SliderComponentShape - 說明: 定義水波紋的形狀。
19. tickMarkShape
-
類型:
SliderTickMarkShape - 說明: 定義刻度標記的形狀卿拴。
20. thumbShape
-
類型:
SliderComponentShape - 說明: 定義滑塊的形狀衫仑。
21. trackShape
-
類型:
SliderTrackShape - 說明: 定義軌道的形狀。
22. valueIndicatorShape
-
類型:
SliderComponentShape - 說明: 定義值指示器的形狀堕花。
23. rangeTickMarkShape
-
類型:
RangeSliderTickMarkShape -
說明:
RangeSlider的刻度標記形狀惑畴。
24. rangeThumbShape
-
類型:
RangeSliderThumbShape -
說明:
RangeSlider滑塊的形狀。
25. rangeTrackShape
-
類型:
RangeSliderTrackShape -
說明:
RangeSlider軌道的形狀航徙。
26. rangeValueIndicatorShape
-
類型:
RangeSliderValueIndicatorShape -
說明:
RangeSlider的值指示器的形狀。
27. showValueIndicator
-
類型:
ShowValueIndicator -
說明: 控制何時顯示值指示器陷虎，有三個選項：
-
onlyForDiscrete: 僅對離散滑塊顯示到踏。 -
onlyForContinuous: 僅對連續(xù)滑塊顯示。 -
always: 總是顯示尚猿。
-
28. valueIndicatorTextStyle
-
類型:
TextStyle - 說明: 定義值指示器文本的樣式窝稿。
29. minThumbSeparation
-
類型:
double -
說明:
RangeSlider中兩個滑塊之間的最小距離。
30. thumbSelector
-
類型:
RangeThumbSelector -
說明: 用于在
RangeSlider中決定哪一個滑塊將移動凿掂。
31. mouseCursor
-
類型:
MaterialStateProperty<MouseCursor?> - 說明: 控制鼠標懸停時顯示的光標樣式伴榔。
32. allowedInteraction
-
類型:
Set<InteractionMode> - 說明: 設(shè)置允許的交互模式，比如觸摸和鼠標庄萎。
