Flutter实战教程之酷炫的开关动画效果
更新时间：2020年11月27日 09:31:50 作者：老孟
这篇文章主要给大家介绍了关于Flutter实战教程之酷炫的开关动画效果的相关资料，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
前言
此动画效果是我在浏览文章时发现的一个非常酷炫的效果，于是就使用 Flutter 实现了。
更多动画效果及Flutter资源： https://github.com/781238222/flutter-do
添加依赖
在项目的 pubspec.yaml 文件中添加依赖：
dependencies: wheel_switch: ^0.0.1
执行命令：
flutter pub get
使用
WheelSwitch( value: false, )
组件默认的宽高分别是80、30，也可以指定宽高：
WheelSwitch( value: false, width: 150, height: 50, )
开关发生变化回调：
WheelSwitch(
value: false,
onChanged: (value){
print('WheelSwitch : $value');
},
)
设置其轨道颜色，分为激活（开）和未激活（关）状态的颜色：
WheelSwitch( value: false, width: 150, height: 50, activeTrackColor: Colors.red, inactiveTrackColor: Colors.green, )
设置滑块的颜色：
WheelSwitch( value: false, width: 150, height: 50, activeTrackColor: Colors.red, inactiveTrackColor: Colors.green, activeThumbColor: Colors.blue, inactiveThumbColor: Colors.green, )
未激活状态（关）：
激活状态（开）：
设置文字和文字样式：
WheelSwitch( value: false, width: 150, height: 50, activeText: '开', inactiveText: '关', activeTextStyle: TextStyle(color: Colors.white,fontSize: 20), inactiveTextStyle: TextStyle(color: Colors.cyanAccent,fontSize: 10), )
交流
老孟Flutter博客（330个控件用法+实战入门系列文章）： http://laomengit.com
到此这篇关于Flutter实战教程之酷炫的开关动画效果的文章就介绍到这了,更多相关Flutter开关动画效果内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家！
相关文章
本篇文章给大家分享了关于Python异常的相关概念知识点以及处理方法，对此有需要的朋友赶快学习下吧。2018-03-03
这篇文章主要为大家详细介绍了Android去除烦人的默认闪退Dialog的相关方法，感兴趣的小伙伴们可以参考一下2016-04-04
这篇文章主要为大家介绍了正确在Flutter中添加webview实现详解，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪2022-12-12
Android使用自定义PageTransformer实现个性的ViewPager动画切换效果
这篇文章主要介绍了Android使用自定义PageTransformer实现个性的ViewPager切换动画，具有很好的参考价值，一起跟随小编过来看看吧2018-05-05
这篇文章主要介绍了android studio xml文件实现添加注释，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2020-03-03
这篇文章主要介绍了Android 动画实现几种方案的相关资料,需要的朋友可以参考下2017-06-06
本文主要介绍了mvp以及每一层，以及使用mvp来重构“万能”Activity，其实每一层需要注意的东西还有很多，比如model层是最难写的一层。具有很好的参考价值，下面跟着小编一起来看下吧2017-01-01
这篇文章主要给大家介绍了关于Android工具栏顶出转场动画的实现方法，文中通过示例代码介绍的非常详细，对各位Android开发者们具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2018-09-09
本文教大家一步步实现自定义View之播放暂停控件，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2018-06-06
AndroidStudio Gradle第三依赖统一管理的实现方法
这篇文章主要介绍了AndroidStudio Gradle第三依赖统一管理的实现方法,需要的朋友可以参考下2017-09-09
最新评论