企业网站不备案可以吗,鄂尔多斯住房和城乡建设局网站,品牌策划ppt,苏州网站建设行业文章目录 1. 概念介绍2. 使用方法3. 代码与效果3.1 示例代码3.2 运行效果 4. 内容总结 我们在上一章回中介绍了如何创建垂直方向的Switch相关的内容#xff0c;本章回中将
介绍SlideSwitch组件.闲话休提#xff0c;让我们一起Talk Flutter吧。 1. 概念介绍
我们… 文章目录 1. 概念介绍2. 使用方法3. 代码与效果3.1 示例代码3.2 运行效果 4. 内容总结 我们在上一章回中介绍了如何创建垂直方向的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组件相关的内容就介绍到这里欢迎大家在评论区交流与讨论!
