Flutter学习之旅-Slider

1.简介

用来选择范围性的数据
slider用于选择连续性的或者非连续性的数据。默认是在一段最大值最小值间做任意值的选择。如果你想选择间隔性的值,给division设置一个非空的整数,区分割区间范围。

基本用法

  • thumb 用户可以拖拽移动的区域
  • track滑轨thumb可以滑动的线条区域
  • value indictor 值指示器 用户拖拽的时候,显示用户当前所选的属性值
  • active 选中区
  • inactive 非选中区
    如果onChanged属性为空或者min..max给出范围为空(例如min等于Max)
    滑块小部件本身不保持任何状态的state。相反,当滑块状态发生变化时,窗口小部件会调用onChanged回调。大都数使用滑块的小部件将侦听onchanged回调并使用新值重建滑块已更新滑块的UI。要知道何时开始更改,或何时更改,请设置可选回调onChangeStart或者onChangeEnd。
    默认情况下,滑块将尽可能宽,垂直居中。当给定无限制约束时,它将会使轨道宽144像素并垂直收缩。

2.示例代码

class SliderDemo extends StatefulWidget {
_Demo createState() => _Demo();
}

class _Demo extends State {
double value = 0.0;

@override
  Widget build(BuildContext context) {
    return Slider(
      value: value,
      min: 0.0,
      max: 100.0,
      divisions: 1000,
      activeColor: Colors.blue,
      onChanged: (double) {
        setState(() {
          value = double.roundToDouble();       
        });
      },
    );
  }
}

你可能感兴趣的:(Flutter学习之旅-Slider)