美文网首页Flutterflutter
Flutter Slider(滑块)

Flutter Slider(滑块)

作者: iwakevin | 来源:发表于2018-12-12 13:58 被阅读254次

Slider 是一个滑块组件,可用于数量的选择。

new Slider(
    value: this.slider,
    max: 100.0,
    min: 0.0,
    activeColor: Colors.blue,
    onChanged: (double val) {
        this.setState(() {
            this.slider = val;
        });
    },
),

Slider 各部分的术语是:

  • thumb - 用户拖动时水平滑动的形状。
  • track - 滑块拇指滑过的线。
  • value - 当用户拖动拇指指示所选值时弹出的形状。
  • active - 滑块的“活动”一侧是拇指和最小值之间的一侧。
  • inactive - 滑块的“非活动”侧是拇指和最大值之间的一侧。

Slider 有以下常用属性:

  • activeColor → Color - 激活时的颜色。
  • divisions → int - 离散部分的数量。
  • inactiveColor → Color - 滑块轨道的非活动部分的颜色。
  • label → String 滑块处于活动状态时显示在滑块上方的标签。
  • max → double - 用户可以选择的最大值。
  • min → double - 用户可以选择的最小值。
  • onChanged → ValueChanged - 改变时触发。
  • onChangeEnd → ValueChanged - 改变后触发。
  • onChangeStart → ValueChanged - 改变前触发。
  • value → double - 滑块的值。

相关文章

网友评论

    本文标题:Flutter Slider(滑块)

    本文链接:https://www.haomeiwen.com/subject/maguhqtx.html