Add: AnimatedIcon sample

Author: pdliuw

lib/component/main/MainPage.dart

@@ -65,6 +65,7 @@ class _MainState extends State<MainPage> {
       "DropDown",
       "Popup",
       "Wave",
+      "IconAnim",
     ];
     return _sortTitles;
   }
@@ -90,6 +91,7 @@ class _MainState extends State<MainPage> {
       "/DropDownPage",
       "/MainPopupPage",
       "/MainWavePage",
+      "/MainIconAnimPage",
     ];
     return _sortRouteNames;
   }
@@ -347,7 +349,7 @@ class _MainState extends State<MainPage> {
                     ListTile(
                       onTap: () {
                         setState(
-                              () {
+                          () {
                             _drawerOpenedRight = !_drawerOpenedRight;
                           },
                         );
@@ -357,7 +359,7 @@ class _MainState extends State<MainPage> {
                         value: _drawerOpenedRight,
                         onChanged: (bool value) {
                           setState(
-                                () {
+                            () {
                               _drawerOpenedRight = value;
                             },
                           );

lib/main.dart

@@ -30,6 +30,7 @@ import 'package:provider/provider.dart';
 
 import 'ChineseCupertinoLocalizations.dart';
 import 'sample/anim/draw_anim_page.dart';
+import 'sample/anim/icon/main_icon_anim_page.dart';
 import 'sample/anim/snappable_page.dart';
 import 'sample/chart/chart_page.dart';
 import 'sample/clip/clip_main_page.dart';
@@ -124,6 +125,7 @@ class Test extends StatelessWidget {
               "/DropDownPage": (_) => DropDownPage(),
               "/MainPopupPage": (_) => MainPopupPage(),
               "/MainWavePage": (_) => MainWavePage(),
+              "/MainIconAnimPage": (_) => MainIconAnimPage(),
             },
           );
         },

lib/sample/anim/icon/main_icon_anim_page.dart

@@ -0,0 +1,104 @@
+import 'package:flutter/material.dart';
+
+/// MainIconAnimPage
+/// Icons with animation
+class MainIconAnimPage extends StatefulWidget {
+  @override
+  State<StatefulWidget> createState() {
+    return _MainIconAnimState();
+  }
+}
+
+class _MainIconAnimState extends State<MainIconAnimPage>
+    with SingleTickerProviderStateMixin {
+  AnimationController _animationController;
+  @override
+  void initState() {
+    super.initState();
+    _animationController = AnimationController(vsync: this);
+    _animationController.duration = Duration(seconds: 1);
+  }
+
+  @override
+  void dispose() {
+    super.dispose();
+    _animationController.stop();
+    _animationController.dispose();
+  }
+
+  @override
+  Widget build(BuildContext context) {
+    return Scaffold(
+      appBar: AppBar(
+        title: Text("IconAnim"),
+      ),
+      body: Row(
+        children: <Widget>[
+          Spacer(),
+          Column(
+            children: <Widget>[
+              Spacer(),
+              AnimatedIcon(
+                  icon: AnimatedIcons.menu_arrow,
+                  progress: _animationController),
+              AnimatedIcon(
+                  icon: AnimatedIcons.play_pause,
+                  progress: _animationController),
+              AnimatedIcon(
+                  icon: AnimatedIcons.pause_play,
+                  progress: _animationController),
+              AnimatedIcon(
+                  icon: AnimatedIcons.add_event,
+                  progress: _animationController),
+              AnimatedIcon(
+                  icon: AnimatedIcons.arrow_menu,
+                  progress: _animationController),
+              AnimatedIcon(
+                  icon: AnimatedIcons.close_menu,
+                  progress: _animationController),
+              AnimatedIcon(
+                  icon: AnimatedIcons.ellipsis_search,
+                  progress: _animationController),
+              AnimatedIcon(
+                  icon: AnimatedIcons.event_add,
+                  progress: _animationController),
+              AnimatedIcon(
+                  icon: AnimatedIcons.home_menu,
+                  progress: _animationController),
+              AnimatedIcon(
+                  icon: AnimatedIcons.list_view,
+                  progress: _animationController),
+              AnimatedIcon(
+                  icon: AnimatedIcons.menu_close,
+                  progress: _animationController),
+              AnimatedIcon(
+                  icon: AnimatedIcons.menu_home,
+                  progress: _animationController),
+              AnimatedIcon(
+                  icon: AnimatedIcons.menu_arrow,
+                  progress: _animationController),
+              AnimatedIcon(
+                  icon: AnimatedIcons.view_list,
+                  progress: _animationController),
+              Spacer(),
+            ],
+          ),
+          Spacer(),
+        ],
+      ),
+      floatingActionButtonLocation: FloatingActionButtonLocation.centerFloat,
+      floatingActionButton: FloatingActionButton(
+        onPressed: () {
+          if (_animationController.isAnimating ||
+              _animationController.isCompleted) {
+            _animationController.reverse();
+          } else {
+            _animationController.forward();
+          }
+        },
+        child: AnimatedIcon(
+            icon: AnimatedIcons.play_pause, progress: _animationController),
+      ),
+    );
+  }
+}