用户登录

Slider,滑动选择器 .. 可以通过拖动一个滑块选择某个范围内的值 .. 在这个 SliderDemo 里面 .. 用一个 Slider 小部件 ..

它的 value 属性表示的就是这个 Slider 的值 .. 可以使用一个属性来表示 .. _sliderItemA ... 在上面再去定义一下它 .. 值的类型应该是 double ... 名字是 _sliderItemA .. 先让它等于 0.0 ..

Slider 发生变化的时候会调用它的 onChanged .. 它的值如果是 null ,这个 slider 就是禁用的状态 .. 这里给它一个方法 .. 方法接收一个 value 参数 .. 在方法里面用一下 setState .. 把 _sliderItemA 的值设置成 value 的值 ..

然后用一个 activeColor 设置一下活动状态的颜色 .. 可以使用我们在主题里定制的 accentColor ..

下面再用一个 inactiveColor 属性,设置一下滑道的未活动的那部分颜色 .. 同样可以使用一下主题里面定义的 accentColor .. 然后接着再用一个 withOpacity 设置一个不透明度 .. 大小是 0.3 ..

再去试一下 ... 拖动这个滑动选择器上的滑块 .. 可以选择某个值 ..

在这个 Slider 的下面,再给它添加一个文本,这个文本小部件可以放在 Row 小部件的下面 .. .. 用一个 Text .. 文字是 SliderValue .. 再加上 _sliderItemA 的值 .. 上面再用一个 SizedBox 添加点间隔 .. 设置一下它的 height 属性 .. 大小是 16.0 ..

然后再试一下这个 Slider .. 你会发现它的值里面有很多小数 .. 默认情况下 .. 它的最小值是 0.0 ... 最大的值是 1.0 .. 这个最小还有最大的值可以使用 min .. 还有 max 去设置一下 ..

添加一个 min .. 设置一下最小值 .. 0.0 ... 再添加一个 max .. 设置一下最大值 ... 10.0 ..

这个滑道可以分隔成指定的份数 .. 用一个 divisions ,把它分隔成 10 份 ..

下面再给它添加一个 label .. 拖动滑块的时候会显示这个标签 .. 标签的值应该是字符串 .. 用一下 _sliderItemA.toInt() 先把它的值转换成整数 .. 再把它放到这个字符串里面 ..

最后再到模拟器上试一下这个 Slider .. 拖动这个滑块 . 会显示一个标签 .. 标签上显示的数字就是转换之后的这个 Slider 的值 ..

Slider:滑动选择器《 Flutter 移动应用:输入 》

统计

9936
分钟
0
你学会了
0%
完成

社会化网络

关于

微信订阅号

扫描微信二维码关注宁皓网,每天进步一点