Slider(每日Flutter 小部件)

摘要:
滑块constSlider({Keykey,@requiredthis.value,//当前值@requiredthe.onChanged,//更改回调this.onChangeStart,this.onChange End,this.min=0.0,this.max=1.0,this.divisions,//此.label上的刻度数,//滑块上显示的文本this.activeColor,

滑动条

const Slider({
  Key key,
  @required this.value,   //当前值
  @required this.onChanged,  //改变回调
  this.onChangeStart,
  this.onChangeEnd,
  this.min = 0.0,
  this.max = 1.0,
  this.divisions, //多少个刻度
  this.label,  //滑块上显示的文案
  this.activeColor,  //活动区域颜色
  this.inactiveColor, //非活动区域颜色
  this.semanticFormatterCallback, // 用于根据滑块值创建语义值的回调。例:semanticFormatterCallback: (double newValue) {return '${newValue.round()} dollars}';},

  

class SliderWidget extends StatefulWidget {
  SliderWidget({Key key}) : super(key: key);

  _SliderWidgetState createState() => _SliderWidgetState();
}

class _SliderWidgetState extends State<SliderWidget> {
  double _sliderValue = 0;

  @override
  Widget build(BuildContext context) {
    return Center(
      child: Slider(
          value: _sliderValue,
          onChanged: (double value) {
            setState(() {
              this._sliderValue = value;
            });
          },
          min: 0,
          max: 100,
          divisions: 100,
          label: '进度:$_sliderValue',
          activeColor: Colors.red,
          inactiveColor: Colors.purple,
          semanticFormatterCallback: (double value) {
            return '进度:$_sliderValue';
          }),
    );
  }
}

  Slider(每日Flutter 小部件)第1张

免责声明:文章转载自《Slider(每日Flutter 小部件)》仅用于学习参考。如对内容有疑问,请及时联系本站处理。

上篇EMF介绍系列(五、定制应用程序界面)如何在TypeScript中使用JS类库下篇

宿迁高防,2C2G15M,22元/月;香港BGP,2C5G5M,25元/月 雨云优惠码:MjYwNzM=

相关文章

20 个非常棒的jQuery内容滑动插件

Wow SliderWOW Slider是一款小巧易用的网页滑块设计。该软件内置大量的模版和工具,让你轻松设计出完美的视觉效果。他还可以帮助用户在短时间内创造出梦幻般的滑块,而无需编码和图像编辑,是很不错的图像滑块设计工具。 Nivo Slider Nivo Slider是一款出色的jQuery幻灯片插件,支持多种切换效果,可定制性强. Simple...

mui 选项卡

方法一:通过css 实现选项卡 <div class="mui-slider"> <div class="mui-slider-indicator mui-segmented-control mui-segmented-control-inverted bg-w"> <...

MFC控件Slider Control的使用

写MFC界面程序时,今天恰好用到Slider控件,做一个小小的记录。 步骤 1.在工具栏中添加Slider Control控件; 2.在控件上右键->添加变量(Add Variable...),为控件添加一个变量(假如为m_slider); 3.初始化Slider Control控件 1 m_slider->SetRange(0,100); /...

easyUI制作slider小滑块,可拖动和精确输入

借助easyUI制作、完善slider小滑块。 可拖动、和在右边输入框精确输入 效果图: html代码:             <div class="text_fl" >亮度设置:</div> <div class="logo-1 fl"></div>...

移动端触屏滑动事件

移动端触屏滑动的效果其实就是图片轮播,在PC的页面上很好实现,绑定click和mouseover等事件来完成。但是在移动设备上,要实现这种轮播的效果,就需要用到核心的touch事件。处理touch事件能跟踪到屏幕滑动的每根手指。 以下是四种touch事件 touchstart:     //手指放到屏幕上时触发 touchmove:      //手指在屏...

slider(滑动条)控件模版,样式用图片定义控件模版

初接触wpf,想自己用图片做一个个性slider滑块控件,网上找了很久无果。后来一些机缘巧合看别人源码的时候找到了类似的,然后自己再查了一下msdn,大概弄懂了。 我们先来看看slider控件组成元素。 Slider控件组成: 用图片自定义thumb(滑块): <Style x:Key="SliderThumbStyle" TargetType=...