ShakeImage.dart
2.79 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
import 'dart:async';
import 'package:flutter/cupertino.dart';
import 'package:wow_english/common/extension/string_extension.dart';
///带左右摇晃的wow封面
class ShakeImage extends StatefulWidget {
const ShakeImage({super.key});
@override
_ShakeImageState createState() => _ShakeImageState();
}
class _ShakeImageState extends State<ShakeImage> with SingleTickerProviderStateMixin,
WidgetsBindingObserver {
late AnimationController _controller;
late Animation<double> _animation;
late Timer _timer;
@override
void initState() {
super.initState();
WidgetsBinding.instance.addObserver(this);
_controller = AnimationController(
duration: const Duration(seconds: 2),
vsync: this,
);
_animation = TweenSequence([
TweenSequenceItem(tween: Tween(begin: 0.0, end: 0.05).chain(CurveTween(curve: Curves.easeInOut)), weight: 1),
TweenSequenceItem(tween: Tween(begin: 0.05, end: -0.1).chain(CurveTween(curve: Curves.easeInOut)), weight: 1),
TweenSequenceItem(tween: Tween(begin: -0.1, end: 0.2).chain(CurveTween(curve: Curves.easeInOut)), weight: 1),
TweenSequenceItem(tween: Tween(begin: 0.2, end: -0.2).chain(CurveTween(curve: Curves.easeInOut)), weight: 1),
TweenSequenceItem(tween: Tween(begin: -0.2, end: 0.1).chain(CurveTween(curve: Curves.easeInOut)), weight: 1),
TweenSequenceItem(tween: Tween(begin: 0.1, end: -0.05).chain(CurveTween(curve: Curves.easeInOut)), weight: 1),
TweenSequenceItem(tween: Tween(begin: -0.05, end: 0.0).chain(CurveTween(curve: Curves.easeInOut)), weight: 1),
]).animate(_controller);
Timer(const Duration(seconds: 1), () {
_controller.forward(from: 0.0);
_timer = Timer.periodic(const Duration(seconds: 4), (Timer timer) {
_controller.forward(from: 0.0);
});
});
// _controller.addStatusListener((status) {
// if (status == AnimationStatus.completed) {
// _controller.reverse();
// } else if (status == AnimationStatus.dismissed) {
// _controller.forward();
// }
// });
}
@override
void didChangeAppLifecycleState(AppLifecycleState state) {
if (state == AppLifecycleState.paused) {
_controller.stop();
} else if (state == AppLifecycleState.resumed) {
_controller.forward();
}
}
@override
void dispose() {
WidgetsBinding.instance.removeObserver(this);
_controller.dispose();
_timer.cancel();
super.dispose();
}
@override
Widget build(BuildContext context) {
return Center(
child: AnimatedBuilder(
animation: _animation,
builder: (context, child) {
return Transform.rotate(
angle: _animation.value,
child: child,
);
},
child: Image.asset('xe_shop'.assetPng,
width: 153),
),
);
}
}