Flutter基础widgets教程-Slider篇

简介: Flutter基础widgets教程-Slider篇

1 Slider

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

2 构造函数

const Switch({
    Key key,
    @required this.value,undefined    @required this.onChanged,undefined    this.onChangeStart,
    this.onChangeEnd,
    this.min = 0.0,
    this.max = 1.0,
    this.divisions, 
    this.label,undefined    this.activeColor,undefined    this.inactiveColor, 
    this.semanticFormatterCallback,
})

复制

3 常用属性

3.1 activeColor:激活时的颜色

activeColor: Colors.blue,

复制

3.2 divisions:离散部分的数量

divisions: 10,

复制

3.3 inactiveColor:滑块轨道的非活动部分的颜色

inactiveColor: Colors.black12,

复制

3.4 label:滑块处于活动状态时显示在滑块上方的标签

label: '标签',

复制

3.5 max:用户可以选择的最大值

max:10,

复制

3.6 min:用户可以选择的最小值

min:0,

复制

3.7 onChanged:改变时触发

onChanged: (double){
    setState(() {
        progressValue=double.roundToDouble();
    });
},

复制

3.8 onChangeEnd:改变后触发

onChangeEnd:(double){
    print(double);
}

复制

3.9 onChangeStart:改变前触发

onChangeStart: (double){
    print(double);
},

复制

3.10 value:滑块的值

value:8,
相关文章
|
23天前
|
索引
Flutter.源码分析.flutter/packages/flutter/lib/src/widgets/scroll_view.dart/GridView
Flutter.源码分析.flutter/packages/flutter/lib/src/widgets/scroll_view.dart/GridView
27 0
|
23天前
|
Android开发 iOS开发
Flutter.源码分析 flutter/packages/flutter/lib/src/widgets/scroll_view.dart/ScrollView
Flutter.源码分析 flutter/packages/flutter/lib/src/widgets/scroll_view.dart/ScrollView
50 0
|
23天前
|
开发者
Flutter.源码分析 flutter/packages/flutter/lib/src/widgets/scroll_view.dart/BoxScrollView
Flutter.源码分析 flutter/packages/flutter/lib/src/widgets/scroll_view.dart/BoxScrollView
25 0
|
23天前
Flutter.源码分析.flutter/packages/flutter/lib/src/widgets/scroll_view.dart/ListView
Flutter.源码分析.flutter/packages/flutter/lib/src/widgets/scroll_view.dart/ListView
25 0
|
5月前
|
Dart 前端开发 开发工具
谷歌移动UI框架Flutter教程之Widget
谷歌移动UI框架Flutter教程之Widget
【交互 widget】Flutter Slider
【交互 widget】Flutter Slider
144 0
【交互 widget】Flutter Slider
|
Web App开发 JavaScript 应用服务中间件
Flutter Web网站搭建教程
曾几何时,你有没有一个搭个人网站的冲动,我这个想法在我第一次开始写博客就有了,可就是没有搭起来,直到我看到flutter有了web支持,我就在想,是时候了,必须且一定要做,于是乎我就搭建了现在的网站ibaozi.cn
394 0
Flutter Web网站搭建教程
|
XML Java Android开发
Flutter(四)——基础组件
Flutter(四)——基础组件
310 0
Flutter(四)——基础组件
|
存储 索引
Flutter从0到1实现高性能、多功能的富文本编辑器(基础实战篇)
在上一章中,我们分析了一个富文本编辑器需要有哪些模块组成。在本文中,让我们从零开始,去实现自定义的富文本编辑器。
|
Android开发 开发者
Flutter教程 — 路由管理与Navigator进阶使用(老油条看了都说好!!!)
在上一节我们已经讲了Flutter路由管理与Navigator基础使用,有兴趣或者对这一块还不太了解的同学可以去看看。 但是仅仅这样时不够的 在实际项目中这些怎么会够呢???现在让我们来看看这些骚操作…
Flutter教程 — 路由管理与Navigator进阶使用(老油条看了都说好!!!)