时间:2021-05-20
前言
此动画效果是我在浏览文章时发现的一个非常酷炫的效果,于是就使用 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开关动画效果内容请搜索以前的文章或继续浏览下面的相关文章希望大家以后多多支持!
声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。
之前有见人做过进度条的动画,那是真的超级炫酷。那么,我们有办法做到么?当然有了,下面小编就为大家介绍在PPT中制作炫酷的进度条gif动画效果图方法,一起来看看吧
想要制作一个创意十足的文字动画效果,该怎么制作呢?可以实现的软件很多,今日按我们就来看看使用ae制作酷炫的文字波浪掉落效果的教程。软件名称:AdobeAfter
用css3动画实现的一个简单炫酷效果,最终的效果图如下:页面结构(index.html):DocumentRelaxAndBreathscript.js:con
1、视觉冲击说到视觉冲击的话,有很多的人都会想到比较酷炫的动画效果。其实并不是只有动画效果才能够给访客造成比较大的冲击,我们可以简单的利用色彩之间的对比,网页内
现在演个讲、答个辩、开个会什么的都会用到PPT,今日小编便给大家讲一讲小编沉浸PPT届多年的动画经验,利用PPT中给出的简单动画制作炫酷复杂动画。效果如下gif