首页 > 其他分享 >如何创建滑动式开关

如何创建滑动式开关

时间:2024-08-27 22:50:28浏览次数:9  
标签:SlideSwitch 示例 创建 开关 Switch 组件 用来 滑动式 属性

文章目录


我们在上一章回中介绍了"如何创建垂直方向的Switch"相关的内容,本章回中将介绍SlideSwitch组件.闲话休提,让我们一起Talk Flutter吧。

在这里插入图片描述

1. 概念介绍

我们在上一章回中提到过SlideSwitch组件,当时只提到它可以通过属性来控制开关的方向,没有详细介绍它的使用方法。该组件是三方包提供的组件,它可以提供和
Switch组件相同的功能,不过在此基础上做了一些加强,本章回将详细介绍该组件的使用方法。

2. 使用方法

该组件是三方包提供的,使用前需要在yaml中导入包:slide_switcher: ^1.1.2.版本号是当前最新版本,后续可能会更新。该组件的用法和Switch组件的用法
类似,它通过属性来控制自己,有些属性和Switch组件的相同,有些属性是自己特有的属性,下面是该组件中常用的属性

  • children:主要用来存放开关值组件;
  • containerHeight:主要用来控制组件的高度;
  • containerWight:主要用来控制组件的宽度;
  • onSelect:它是方法类型,切换开关时调用该方法;
  • containerBorder:用来控制组件周围的边框;
  • containerColor:用来控制组件周围的边框的颜色;
  • slidersBorder:用来控制滑块的边框;
  • slidersColors:用来控制滑块的颜色;
  • direction:用来控制组件的滑动方向;
    上面介绍的这些属性中前四个是必选属性,剩余的属性都是可选属性。这里注意一下children属性,它可以包含多个组件,因此SlideSwitch可以在多个状态之间进行滑动,而且不只是像Switch一样只能在开和关两种状态之间滑动。

3. 代码与效果

3.1 示例代码

介绍完该组件相关的属性后,我们通过具体的示例代码来演示如何使用SideSwitch组件。

SlideSwitcher(
  containerHeight: 50,
  containerWight: 200,
  onSelect: (value){
  },
  children:const [
    Text("Open"),
    Text("Close"),
  ],
),

上面的示例代码中演示了SlideSwitch组件的使用方法,不过只有必选属性的用法,其它属性的用法没有演示,留给大家去自行探索吧。

3.2 运行效果

把上面的示例代码赋值给Scaffold组件的body属性,然后编译并且运行该程序就可以得到下面的运行效果图,这个效果图是SideSwitch组件默认的效果,大家可以通
过可选属性来修改它的外观风格和颜色,进而实现不同的效果图。此外,图中有两个小的Switch与本章回内容无关,大家可以忽略它们。

4. 内容总结

最后,我们对本章回的内容做一些全面的总结:

  • SlideSwitch组件是三方包提供的组件,它可以提供和Switch相同的功能;
  • SlideSwitch组件可以包含多个状态,并且在这些状态之间进行切换;
  • SlideSwitch组件提供了相关的属性来设置不同的外观风格,大小和颜色;
  • SliderSwitch组件提供水平和垂直两种滑动方向;

看官们,与SlideSwitch组件相关的内容就介绍到这里,欢迎大家在评论区交流与讨论!

标签:SlideSwitch,示例,创建,开关,Switch,组件,用来,滑动式,属性
From: https://blog.csdn.net/talk_8/article/details/141613989

相关文章

  • 根据二叉树创建字符串 C++
    给你二叉树的根节点 root ,请你采用前序遍历的方式,将二叉树转化为一个由括号和整数组成的字符串,返回构造出的字符串。空节点使用一对空括号对 "()" 表示,转化后需要省略所有不影响字符串与原始二叉树之间的一对一映射关系的空括号对。示例1:输入:root=[1,2,3,4]输出:"1......
  • 创建a、b两个链表,每个链表的结点包含学生学号、姓名。从a链表中删去与b链表中有相同
    1声明结构体类型结构体类型structStudent,包含成员学生学号(整型)、姓名(字符数组),next(结构体指针)。声明全局变量n,用于统计结点数量。structStudent//声明一个全局的结构体类型structStudent{ intnum;//学号 charname[20];//姓名 structStudent*next;//结构体指......
  • 线程:线程创建pthread_create,线程间的同步与互斥
    线程的创建 线程的创建是通过调用pthread_create函数来实现的。该函数的原型如下:intpthread_create(pthread_t*thread,constpthread_attr_t*attr,void*(*start_routine)(void*),void*arg);参数说明:thread:指向pthread_t类型的指针,用于存储新线程的ID。attr:指向......
  • 使用 Callable 和 FutureTask 创建线程
    转自:http://t.csdnimg.cn/jl1ZN原文链接:https://blog.csdn.net/wzhy2016/article/details/131178612 操作流程:   创建Callable实现类的实例,并实现call方法。   使用FutureTask类来包装Callable对象(第一步创建实现类的实例)。   使用FutureTask对象作为Thread对象的......
  • powershell 创建winform窗体 T1
    $app=[System.Windows.Forms.Application]$myForm=new-objectSystem.Windows.Forms.Form$myForm.Text="mywindow"$button1=new-objectSystem.Windows.Forms.Button$button1.Size=new-objectSystem.Drawing.Size-argumentlist75,23$button1.Text=&......
  • 【Linux】进程|进程的查看与管理|创建进程
    目录1️⃣进程的概念(Process)1.什么是进程?2.多进程管理3.描述进程-PCB2️⃣进程的查看与管理1.使用指令查看进程2.通过系统调用函数查看pid3.杀掉进程4.ppid(父进程id)3️⃣创建进程fork()的工作原理父进程与子进程的关系写时复制(Copy-on-Write)fork()的使用1️⃣进......
  • Pytorch:torch.diag()创建对角线张量方式例子解析
    在PyTorch中,torch.diag函数可以用于创建对角线张量或提取给定矩阵的对角线元素。以下是一些详细的使用例子:创建对角矩阵:如果输入是一个向量(1D张量),torch.diag将返回一个2D方阵,其中输入向量的元素作为对角线元素。例如:a=torch.randn(3)print(a)#输出:tensor([0.5950,......
  • python aiohttp创建很多线程的问题及解决例子解析
    在使用aiohttp进行异步HTTP请求时,创建大量线程可能会导致性能问题。根据搜索结果,这个问题通常与DNS查询有关,因为默认情况下,每次发送请求时aiohttp.ClientSession都会进行DNS查询,这是一个阻塞操作,会为每次查询创建一个新线程。为了解决这个问题,可以通过指定一个AsyncR......
  • ArcGIS创建渔网工具的使用方法
      本文介绍在ArcMap软件中,通过“CreateFishnet”工具创建渔网,从而获得指定大小的矢量格网数据的方法。  首先,我们在创建渔网前,需要指定渔网覆盖的范围。这里我们就以四川省为例,在这一范围内创建渔网;其中,四川省的矢量范围如下图所示。  在ArcMap软件中,我们依次选择“Tool......
  • EBS:AR 创建会计科目请求效率低的解决步骤
    来自于Metalink的解答:  Please ensure the following has been done.Please follow Doc ID 791049.1 : R12 SLA/FAH: How to Improve Performance in @ Subledger Accounting & Financials Accounting Hub and verify whether customer is ......