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,
相关文章
|
19小时前
|
Dart 前端开发 开发者
【Flutter前端技术开发专栏】Flutter Dart语言基础语法解析
【4月更文挑战第30天】Dart是Google为Flutter框架打造的高效编程语言,具有易学性、接口、混入、抽象类等特性。本文概述了Dart的基础语法,包括静态类型(如int、String)、控制流程(条件、循环)、函数、面向对象(类与对象)和异常处理。此外,还介绍了库导入与模块使用,帮助开发者快速入门Flutter开发。通过学习Dart,开发者能创建高性能的应用。
【Flutter前端技术开发专栏】Flutter Dart语言基础语法解析
|
19小时前
|
索引
Flutter.源码分析.flutter/packages/flutter/lib/src/widgets/scroll_view.dart/GridView
Flutter.源码分析.flutter/packages/flutter/lib/src/widgets/scroll_view.dart/GridView
33 0
|
19小时前
|
Android开发 iOS开发
Flutter.源码分析 flutter/packages/flutter/lib/src/widgets/scroll_view.dart/ScrollView
Flutter.源码分析 flutter/packages/flutter/lib/src/widgets/scroll_view.dart/ScrollView
55 0
|
19小时前
|
开发者
Flutter.源码分析 flutter/packages/flutter/lib/src/widgets/scroll_view.dart/BoxScrollView
Flutter.源码分析 flutter/packages/flutter/lib/src/widgets/scroll_view.dart/BoxScrollView
38 0
|
19小时前
Flutter.源码分析.flutter/packages/flutter/lib/src/widgets/scroll_view.dart/ListView
Flutter.源码分析.flutter/packages/flutter/lib/src/widgets/scroll_view.dart/ListView
32 0
|
8月前
|
Dart 前端开发 开发工具
谷歌移动UI框架Flutter教程之Widget
谷歌移动UI框架Flutter教程之Widget
|
9月前
|
Dart
Flutter 入门指南之 Dart 语言基础介绍
Dart是一种由Google开发的通用编程语言,用于构建跨平台的移动、Web和桌面应用程序。以下是Flutter入门指南中的Dart语言基础知识:
【交互 widget】Flutter Slider
【交互 widget】Flutter Slider
175 0
【交互 widget】Flutter Slider
|
Web App开发 JavaScript 应用服务中间件
Flutter Web网站搭建教程
曾几何时,你有没有一个搭个人网站的冲动,我这个想法在我第一次开始写博客就有了,可就是没有搭起来,直到我看到flutter有了web支持,我就在想,是时候了,必须且一定要做,于是乎我就搭建了现在的网站ibaozi.cn
430 0
Flutter Web网站搭建教程
|
XML Java Android开发
Flutter(四)——基础组件
Flutter(四)——基础组件
327 0
Flutter(四)——基础组件

热门文章

最新文章