[shutter] animation animation (shutter animation type | the core class of shutter animation)

Flutter Animation Animation :

• Flutter Animation type
• by Widget Add animation to components
• Add listeners to the animation
• AnimationWidget
• AnimationBuilder
• Hero Animation

Flutter Animation reference documentation : https://flutterchina.club/animations/

One 、Flutter Animation type

---

Flutter Animation type :

① Patch animation ( Tween Animation ) : Define the The state of beginning and ending , And the animation running Time curve , from Flutter Automatically calculate the whole process of animation ;

② Physical animation : The animation Based on physical principles , The operating mechanism is similar to the real world ; Such as throwing a ball from a high place , According to height , Throw speed , The running curve of the gravity acceleration calculation ball ;

Two 、Flutter The core class of animation

---

1. Animation : Flutter The core class of animation , be used for Generate intermediate transition values for animation ;

• form : Animation Animation consists of values and States ;
• Animation values : This value is the value calculated during the execution of the animation , This value may vary according to some curve , It may also change monotonously ;
• Animation state : Status marks the execution order of the current animation ( From the beginning to the end / From the end to the end ) ;
• monitor : Listeners can be added during the execution of animation , Monitor the execution status of animation ;
• Reference documents : https://api.flutter.dev/flutter/animation/Animation-class.html

2. CurvedAnimation : Inherited from Animation , The animation process can be calculated as a nonlinear process ;

• The main role : An animation that applies a curve to another animation ;

• Reference documents : https://api.flutter.dev/flutter/animation/CurvedAnimation-class.html

3. AnimationController : Inherited from Animation , be used for management Animation ;

• Reference documents : https://api.flutter.dev/flutter/animation/AnimationController-class.html

4. Tween : Transition value calculated during animation execution ; Such as rotating animation , The calculated angle value is

0

0

0 ~

360

360

360 ;

• Reference documents : https://api.flutter.dev/flutter/animation/Tween-class.html

3、 ... and 、 Related resources

---

Reference material :

• Flutter Official website : https://flutter.dev/
• Flutter Plug in download address : https://pub.dev/packages
• Flutter Developing documents : https://flutter.cn/docs ( Strongly recommend )
• official GitHub Address : https://github.com/flutter
• Flutter The Chinese community : https://flutter.cn/
• Flutter Practical tutorial : https://flutter.cn/docs/cookbook
• Flutter CodeLab : https://codelabs.flutter-io.cn/
• Dart Chinese document : https://dart.cn/
• Dart Developer website : https://api.dart.dev/
• Flutter Chinese net : https://flutterchina.club/ , http://flutter.axuer.com/docs/
• Flutter Related issues : https://flutterchina.club/faq/ ( It is recommended to watch it at the introductory stage )
• GitHub Upper Flutter Open source examples : https://download.csdn.net/download/han1202012/15989510
• Flutter Practical e-books : https://book.flutterchina.club/chapter1/

Important topics :

• Flutter Animation reference documentation : https://flutterchina.club/animations/

Blog source download :

• GitHub Address : https://github.com/han1202012/flutter_image_widget ( Keep updating with the progress of the blog , There may not be the source code of this blog )

• Blog source snapshot : https://download.csdn.net/download/han1202012/16083326 ( The source code snapshot of this blog , You can find the source code of this blog )