第五十九回： Slider Widget-Toy模板网

这篇具有很好参考价值的文章主要介绍了第五十九回： Slider Widget。希望对大家有所帮助。如果存在错误或未考虑完全的地方，请大家不吝赐教，您也可以点击"举报违法"按钮提交疑问。

我们在上一章回中介绍了Form Widget相关的内容，本章回中将介绍 Slider Widget.闲话休提，让我们一起Talk Flutter吧。

概念介绍

我们在这里说的Slider Widget是一种滑动条组件，通过滑动来控制不同的进度，它类似进度条，不过需要我们让去去滑动它的是进度，在实际项目中经常用它来调节音量大小或者视频播放进度。本章回将详细介绍该组件的使用方法。

使用方法

和其它组件一样，Slider Widget提供了相关的属性来控制自己，接下来我们将介绍该组件中常用的属性：

value属性：主要用来设定滑动条当前的进度值；
onChanged属性：该属性是方法类型，当滑动组件时回调该属性对应的方法；
min属性：主要用来设置滑动范围的最小值；
max属性：主要用来设置滑动范围的最大值；
divisions属性：主要用来设定滑动范围的步进值；
activeColor属性：主要用来设定滑动条上已经滑过的颜色值；
inactiveColor属性：主要用来设定滑动条上没有滑过的颜色值；

上面这些属性中前两个属性是必选属性，其它属性是可选属性。不过最好还是给这些属性赋值，比如如果不指定min/max属性的值，默认值的范围在0.0-1.0之间。这个范围可能不符合我们项目中的要求。注意value的值必须在min/max限制的范围内，不然编译时没有问题，但是在运行时会发生错误。

示例代码

Slider(
  //指定滑动值的范围，如果不指定，默认值的范围在0.0 - 1.0之间
  min: 0.0,
  max: 10.0,
  //步进值
  divisions: 10,
  //设定当前值
  value: _slideValue,
  //变化时回调，在回调中修改slider当前显示的值
  onChanged: (value) {
    setState(() {
      _slideValue = value;
      print("value = $value");
    });
  },
  activeColor: Colors.purpleAccent,
  inactiveColor: Colors.green,
),