Skip to content

Commit 7a6062f

Browse files
committed
add flippers
1 parent 0aee4bf commit 7a6062f

File tree

2 files changed

+32
-0
lines changed

2 files changed

+32
-0
lines changed

lib/animated_interpolation.dart

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -6,6 +6,7 @@ export 'sliding.dart';
66
export 'zooming.dart';
77
export 'light_speed.dart';
88
export 'attention_seekers.dart';
9+
export 'flippers.dart';
910
///
1011
/// 加强型的tween,可设置多个插值,受到React Native的插值动画启发
1112
/// 和tween使用方法一样

lib/flippers.dart

Lines changed: 31 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,31 @@
1+
import 'animated_config.dart';
2+
import 'light_speed.dart' show degreeToRad;
3+
import 'package:flutter/material.dart';
4+
5+
Curve flipInCurve = Curves.easeIn;
6+
Map<double, AnimatedConfig> flipInX = {
7+
0: AnimatedConfig(opacity: 0, rotateX: degreeToRad(90)),
8+
0.4: AnimatedConfig(rotateX: degreeToRad(-20)),
9+
0.6: AnimatedConfig(opacity: 1, rotateX: degreeToRad(10)),
10+
0.8: AnimatedConfig(rotateX: degreeToRad(-5)),
11+
1: AnimatedConfig(opacity: 1, rotateX: degreeToRad(0))
12+
};
13+
14+
Map<double, AnimatedConfig> flipInY = {
15+
0: AnimatedConfig(opacity: 0, rotateY: degreeToRad(90)),
16+
0.4: AnimatedConfig(rotateY: degreeToRad(-20)),
17+
0.6: AnimatedConfig(opacity: 1, rotateY: degreeToRad(10)),
18+
0.8: AnimatedConfig(rotateY: degreeToRad(-5)),
19+
1: AnimatedConfig(opacity: 1, rotateY: degreeToRad(0))
20+
};
21+
22+
Map<double, AnimatedConfig> flipOutX = {
23+
0: AnimatedConfig(opacity: 1, rotateX: degreeToRad(0)),
24+
0.3: AnimatedConfig(opacity: 1, rotateX: degreeToRad(-20)),
25+
1: AnimatedConfig(opacity: 0, rotateX: degreeToRad(90))
26+
};
27+
Map<double, AnimatedConfig> flipOutY = {
28+
0: AnimatedConfig(opacity: 1, rotateY: degreeToRad(0)),
29+
0.3: AnimatedConfig(opacity: 1, rotateY: degreeToRad(-20)),
30+
1: AnimatedConfig(opacity: 0, rotateY: degreeToRad(90))
31+
};

0 commit comments

Comments
 (0)