flutter 动画_【Flutter 实战】酷炫的开关动画效果

此动画效果是我在浏览文章时发现的一个非常酷炫的效果，于是就使用 Flutter 实现了。更多动画效果及Flutter资源：https://github.com/781238222/flutter-do添加依赖在项目的 pubspec.yaml 文件中添加依赖：dependencies:wheel_switch: ^0.0.1执行命令：flutter pub get使用...

weixin_39559469

75人浏览 · 2020-11-30 11:14:44

weixin_39559469 · 2020-11-30 11:14:44 发布

此动画效果是我在浏览文章时发现的一个非常酷炫的效果，于是就使用 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交流群（微信：laomengit）、关注公众号【老孟Flutter】

开源鸿蒙跨平台开发者社区

开源鸿蒙跨平台开发社区汇聚开发者与厂商，共建“一次开发，多端部署”的开源生态，致力于降低跨端开发门槛，推动万物智联创新。

更多推荐

Flutter 三方库 shutdown 的鸿蒙化适配指南 - 在鸿蒙系统上构建极致、透明、基于优先级分发的工业级应用退出治理与状态保存引擎

什么是 Shutdown？它是一个将“由于系统退出信号（Signal）”与“由于业务销毁回调（Handlers）”深度融合的任务中枢。由于由于。传统的。管理过程。由于由于销毁逻辑由于于由于不同由于由模块之间的耦合。同步由于由于由于。在 Flutter for OpenHarmony 的实际开发中，利用该库，我们可以实现由于由于鸿蒙应用对应的。生命周期包。管理过程。由于由于极致由于由于。它是构建“极

开源鸿蒙跨平台开发者社区

Flutter 三方库 flutterando_analysis 的鸿蒙化适配指南 - 在鸿蒙系统上构建极致、严谨、工业级的代码静态审计与工程质量守卫引擎

什么是 Flutterando Analysis？它不只是一个配置列表，而是一份“工程契约”。它由 Flutterando 社区总结，涵盖了从性能隐患探测到可维护性建议的上百条严苛规则。在 Flutter for OpenHarmony 的实际开发中，利用该库，我们可以让鸿蒙项目的每一行代码都符合“极致生产力”的标准。它是构建“极致整洁、合规可审计”鸿蒙应用后的核心效能内核。实现了从“原始源码（R