第三百五十八回

2024-02-21 23:28
文章标签 八回 三百五十

本文主要是介绍第三百五十八回,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

文章目录

  • 1. 概念介绍
  • 2. 使用方法
  • 3. 代码与效果
    • 3.1 示例代码
    • 3.2 运行效果
  • 4. 内容总结 013pickers2.gif

我们在上一章回中介绍了"如何实现Numberpicker"相关的内容,本章回中将介绍wheelChoose组件.闲话休提,让我们一起Talk Flutter吧。

在这里插入图片描述

1. 概念介绍

我们在本章回中介绍的wheelChooser是一个三方包,它除了像NumberPicker一样创建数字选择功能外,它可以选择其它的组件当作被选择的对象,相当于在选择数字
功能的基础上做了扩展,它扩展了被选择内容的范围。我们将在本章回中详细介绍该组件的使用方法。

2. 使用方法

和其它的组件一样WheelChooser组件提供了相关的属性来控制自己,下面是常用的属性。

  • datas属性:该属性是数组类型,数组中的值就是被选择的值,因此它用来控制选择数值的范围;
  • horizontal属性:用来控制选择的方向,分水平垂直两个方向;
  • onValueChanged属性:该属性是方法类型,选择某个数值时会回调该属性对应的方法;
  • isInfinite属性:该属性用来控制是否循环显示被选择的内容;
    除了这些属性外,该组件还提供了一些工厂方法,通过工厂方法快速创建被选择的内容,比如WheelChooser.number()可以快速创建数字选择器,我们将在稍后的小节
    中通过示例代码来演示如何使用这些工厂方法。

3. 代码与效果

3.1 示例代码

WheelChooser(///控制滑动方向horizontal: true,///使用装饰可以在选择的内容上方和下方显示一条横线selectTextStyle:TextStyle(///单独使用和复合使用装饰// decoration: TextDecoration.overline,decoration: TextDecoration.combine([TextDecoration.underline,TextDecoration.overline]),) ,///是否循环显示isInfinite: true,onValueChanged: (s) => debugPrint('$s selected'),datas: [0,1,2,3,34,5,6,7,8,9],
),///使用工厂方法,可以创建任意的选择器
SizedBox(height: 150,///可以添加任意的组件,这里添加的是iconchild: WheelChooser.custom(onValueChanged: (value) {},isInfinite: true,children: const [Icon(Icons.looks_3,size: 36,),Icon(Icons.looks_two,size: 36,),Icon(Icons.looks_one,size: 36,),]),
),
///使用两种工厂方法实现数字选择器
SizedBox(///通过控制容器的大小,可以控制显示被选择内容的范围height: 100,child: WheelChooser.integer(///显示内容的大小,默认48itemSize: 50,horizontal: true,isInfinite: true,onValueChanged: (value) => debugPrint('$value'),maxValue: 3,minValue: 0,),
),
SizedBox(height: 100,child: WheelChooser.number(isInfinite: true,onValueChanged: (value) => debugPrint('$value'),maxValue: 3,minValue: 0,),
),
///可以选择任意对象当作被选择对象,因为value是泛型
SizedBox(height: 200,child: WheelChooser.choices(isInfinite: true,onChoiceChanged: (value) {},choices:[WheelChoice(value: 1, title: 'one'),WheelChoice(value: 2, title: 'tow'),WheelChoice(value: 3, title: 'three'),]),
),

3.2 运行效果

我们在上面的示例代码中演示了wheelChooser的基本用法,同时演示了其它工厂方法的使用方法,编译并且运行上面的程序,可以得到以下的运行效果图:

4. 内容总结 013pickers2.gif

最后,我们对本章回的内容做一个全面的总结:(博客中有两个同名的文章,第一个是错误的,第二个是正确的)

  • wheelChooser是三主包中提供的组件,它可以实现数字选择功能;
  • wheelChooser扩展了选择范围,不只是数字,其它的组件也可以被选择;
  • whellChooser提供了很多工厂方法,通过工厂方法可以快速创建相关的选择器;
    看官们,与"wheelChooser组件"相关的内容就介绍到这里,欢迎大家在评论区交流与讨论!

这篇关于第三百五十八回的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/733432

相关文章

每天一个数据分析题(三百五十五)-业务分析报告

业务分析报告的主要作用是将业务分析报表中发现的业务问题进行汇总说明,并进一步提出解决问题的建议,以帮助阅读者做出正确的决策判断。业务分析报告撰写的注意事项中正确的是? A. 条理清晰、结构完整 B. 论点明确 C. 图、表、文字相结合 D. 减少不必要的主观推测 数据分析认证考试介绍:点击进入 题目来源于CDA模拟题库 点击此处获取答案

每天一个数据分析题(三百五十一)-树状体系图

杜邦树状分析体系是将总指标根据指标关系拆解成各细分指标,从上到下依次排列形成树状结构。杜邦树状体系图的作用包括? A. 原因追踪 B. 进度管理 C. 预估影响 D. 鸟瞰全局 数据分析认证考试介绍:点击进入 题目来源于CDA模拟题库 点击此处获取答案

一起Talk Android吧(第三百零八回:程序的主题)

各位看官们,大家好,上一回中咱们说的是Android中控件风格的例子,这一回咱们说的例子是程序的主题。闲话休提,言归正转。让我们一起Talk Android吧! 看官们,程序的主题也叫theme,它类似于上一章回中介绍的style,它也是属性的集合,不过这里的属性是Android系统自己定义的属性,这些属性主要用在程序中或者Activity中,接下来我们详细介绍主题。 创建theme

第三百五十九回

文章目录 1. 概念介绍2. 使用方法3. 代码与效果3.1 示例代码3.2 运行效果 4. 内容总结 013pickers2.gif 我们在上一章回中介绍了"如何实现Numberpicker"相关的内容,本章回中将介绍wheelChoose组件.闲话休提,让我们一起Talk Flutter吧。 1. 概念介绍 我们在本章回中介绍的wheelChooser是一个三方包,它

第三百五十四回

文章目录 1. 概念介绍2. 使用方法2.1 获取所有时区2.2 转换时区时间 3. 示例代码4. 内容总结 我们在上一章回中介绍了"分享一些好的Flutter站点"相关的内容,本章回中将介绍timezone包.闲话休提,让我们一起Talk Flutter吧。 1. 概念介绍 我们在前面章回中介绍了获取当前时区的内容,本章回将介绍一个与时区相关的包,它虽然不能获取到当前时

第三百五十回

文章目录 1. 概要介绍2. 获取方法2.1 获取语言2.2 获取地址 3.示例代码3. 内容总结 我们在上一章回中介绍了"给geolocator插件提交问题"相关的内容,本章回中将介绍如何获取系统语言.闲话休提,让我们一起Talk Flutter吧。 1. 概要介绍 我们在本章回中介绍的系统语言是指en,zh,de这样的语言代码,同时还有与这些语言匹配的地区代码。我们将

第三百零八回

文章目录 1. 概念介绍2. 实现方法2.1 文字信息2.2 红色边框 3. 示例代码4. 内容总结 我们在上一章回中介绍了"如何实现密码输入框"相关的内容,本章回中将介绍如何在在输入框中提示错误.闲话休提,让我们一起Talk Flutter吧。 1. 概念介绍 我们在本章回介绍的内容还与输入框有关,输入框仍然使用TextField组件实现。我们主要介绍如何在输入框中提示

第二百六十八回

文章目录 概念介绍实现方法示例代码 我们在上一章回中介绍了跟手指移动的小球相关的内容,本章回中将介绍自定义组件.闲话休提,让我们一起Talk Flutter吧。 概念介绍 在项目中有些内容无法通过现有的组件来实现,因此需要自定义组件,自定义组件通常分为两大类:组合已经有的组件形成新的组件,重新绘制组件。组合已经有的组件我 们没有专门介绍过,不过有类似的内容,比如前面章回中实现

第二百零八回 自定义一个组件

文章目录 1. 概念介绍2. 实现方法2.1 实现思路2.2 实现方法 3. 示例代码4. 内容总结 我们在上一章回中介绍了"如何让Text组件中的文字自动换行"相关的内容,本章回中将介绍如何自定义一个可选择的星期组件.闲话休提,让我们一起Talk Flutter吧。 1. 概念介绍 我们在本章回中介绍的星期组件是一个可以在一周内任意选择一天的星期组件,详细如下图所示036,