flutter 圆盘滚动选择器
时间: 2024-09-02 09:01:29 浏览: 123
Flutter 中的圆盘滚动选择器通常指的是 `CircularPercentIndicator` 和 `RangeSlider` 这两个组件。`CircularPercentIndicator` 用于显示进度条或者完成度,而 `RangeSlider` 则是一个可以滑动调整范围值的圆形控件,用户可以通过触摸屏幕在一个圆环上移动指针来选择两个数值之间的范围。
`RangeSlider` 具有自定义样式的能力,包括颜色、轨道形状以及指示器的颜色和大小等,非常适合需要精确控制范围的应用场景,比如音频均衡器或时间轴编辑。
以下是使用 RangeSlider 的基本示例:
```dart
import 'package:flutter/material.dart';
class RangeSliderExample extends StatefulWidget {
@override
_RangeSliderExampleState createState() => _RangeSliderExampleState();
}
class _RangeSliderExampleState extends State<RangeSliderExample> {
double lowerValue = 0;
double upperValue = 100;
@override
Widget build(BuildContext context) {
return RangeSlider(
value: [lowerValue, upperValue],
min: 0,
max: 100,
divisions: 50,
onValuesChanged: (values) {
setState(() {
lowerValue = values[0];
upperValue = values[1];
});
},
);
}
}
```
阅读全文