欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

Flutter实战教程之酷炫的开关动画效果

程序员文章站 2022-03-21 17:13:19
前言此动画效果是我在浏览文章时发现的一个非常酷炫的效果,于是就使用 flutter 实现了。更多动画效果及flutter资源: https://github.com/781238222/flutter...

前言

此动画效果是我在浏览文章时发现的一个非常酷炫的效果,于是就使用 flutter 实现了。

更多动画效果及flutter资源: https://github.com/781238222/flutter-do

Flutter实战教程之酷炫的开关动画效果

添加依赖

在项目的 pubspec.yaml 文件中添加依赖:

执行命令:

使用

Flutter实战教程之酷炫的开关动画效果

组件默认的宽高分别是80、30,也可以指定宽高:

开关发生变化回调:

设置其轨道颜色,分为激活(开)和未激活(关)状态的颜色:

Flutter实战教程之酷炫的开关动画效果

设置滑块的颜色:

未激活状态(关):

Flutter实战教程之酷炫的开关动画效果

激活状态(开):

Flutter实战教程之酷炫的开关动画效果

设置文字和文字样式:

Flutter实战教程之酷炫的开关动画效果

交流

老孟flutter博客(330个控件用法+实战入门系列文章):

到此这篇关于flutter实战教程之酷炫的开关动画效果的文章就介绍到这了,更多相关flutter开关动画效果内容请搜索以前的文章或继续浏览下面的相关文章希望大家以后多多支持!