Skip to content

flutter动画,一个只有dart语言写的常用动画,让动画更简单

License

Notifications You must be signed in to change notification settings

ifgyong/flutter_animations

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

23 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

flutter_animations

flutter动画,纯dart语言写的动画,让动画用起来更简单,每个效果都有例子共读者更好的使用。

动画集合


声音

音乐跳动

魔法

破碎的红点

默认无效果页面

3dclock

配置pubspec.yaml

 flutter_animations: ^*.*.*
 
flutter pub get 

import 'package:flutter_animations/flutter_animations.dart';

⚠️ 注意: 具体版本点我查询

示例

每个动画斗鱼简单的例子。

SoundWidget 声音

SoundWidget(
  color: Colors.green,
  lines: 4,
  lineWidth: 2,
  centerFill: true,
  stop: _isStop,
  soundDirection: SoundDirection.top,
)

Chakra 音乐跳动

Chakra()

Spinnies 魔法

Spinnies(duration: Duration(seconds: 6), blendMode: BlendMode.screen)

BrokenRedDot 破碎红心

BrokenRedDot(radius: 10),

FlashPage 闪光

FlashPage();

属性

/// 闪光 偏移量 x:横轴 [-1,1] y:纵轴[-1,1]
final Offset offset;

/// 闪光的颜色
final List<Color> colors;

/// 闪光步长,数组长度保持和[colors]一致
final List<double> steps;

3D 时钟

  /// 圆圈颜色
  final Color circleColor;

  /// 圆圈周围分割线颜色
  final Color clockLinesColor;

  /// 中心颜色
  final Color centerColor;

  /// 秒针颜色
  final Color secondHandColor;

  /// 时针颜色
  final Color hourHandColor;

  /// 分针颜色
  final Color mintueColor;

  /// 背景颜色
  final Color backgroundColor;

  /// 高亮分割线颜色
  final Color lightclockLinesColor;

  /// 秒针画几个格子,最好是12的倍数例如[12,24,48,96,108,120,132,144,156,180]
  final int numbers;

  /// 12 3 6 9 样式
  final TextStyle textStyle;

  /// 范围[0,2π] 高亮尾巴长度
  final double tailLength;

About

flutter动画,一个只有dart语言写的常用动画,让动画更简单

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages