✨ 添加AnimatedPhysicalModel、PhysicalModel、Directionality、AnimatedTheme

2020-09-01 07:18:08 +08:00
parent a10dca61c2
commit fb2467f630
21 changed files with 423 additions and 67 deletions
--- a/lib/views/widgets/StatefulWidget/AnimatedTheme/node1_base.dart
+++ b/lib/views/widgets/StatefulWidget/AnimatedTheme/node1_base.dart
@@ -0,0 +1,94 @@
+import 'package:flutter/material.dart';
+
+/// create by 张风捷特烈 on 2020-03-23
+/// contact me by email 1981462002@qq.com
+/// 说明: 224 主题变化时具有动画效果的组件，本质是Theme组件和动画结合的产物。可指定ThemeData、动画时长、曲线、结束回调等。相当于增强版的Theme组件。
+//    {
+//      "widgetId": 224 ,
+//      "name": 'AnimatedTheme基本使用',
+//      "priority": 1,
+//      "subtitle":
+//          "【data】 : 主题数据   【ThemeData】\n"
+//          "【duration】 : 动画时长   【Duration】\n"
+//          "【onEnd】 : 动画结束回调   【Function()】\n"
+//          "【curve】 : 动画曲线   【Duration】\n"
+//          "【child】 : 子组件   【Widget】",
+//    }
+class AnimatedThemeDemo extends StatefulWidget {
+  @override
+  _AnimatedThemeDemoState createState() => _AnimatedThemeDemoState();
+}
+
+class _AnimatedThemeDemoState extends State<AnimatedThemeDemo> {
+  ThemeData startThem = ThemeData(
+      primaryColor: Colors.blue,
+      textTheme: TextTheme(
+        headline1: TextStyle(
+            color: Colors.white, fontSize: 24, fontWeight: FontWeight.bold),
+      ));
+
+  ThemeData endThem = ThemeData(
+      primaryColor: Colors.red,
+      textTheme: TextTheme(
+          headline1: TextStyle(
+              color: Colors.black,
+              fontSize: 16,
+              fontWeight: FontWeight.normal)));
+
+  ThemeData them;
+
+  @override
+  void initState() {
+    super.initState();
+    them = startThem;
+  }
+
+  @override
+  Widget build(BuildContext context) {
+    return Column(
+      children: <Widget>[
+        _buildSwitch(),
+        AnimatedTheme(
+          data: them,
+          duration: Duration(seconds: 2),
+          curve: Curves.fastOutSlowIn,
+          onEnd: () {
+            print('----onEnd---');
+          },
+          child: ChildContent(),
+        ),
+      ],
+    );
+  }
+
+  Widget _buildSwitch() {
+    print(them == endThem);
+    return Switch(
+        value: them == endThem,
+        onChanged: (v) {
+          setState(() {
+            them = v ? endThem : startThem;
+          });
+        });
+  }
+}
+
+class ChildContent extends StatelessWidget {
+  @override
+  Widget build(BuildContext context) {
+    return Container(
+      width: 250,
+      height: 60,
+      alignment: Alignment.center,
+      decoration: BoxDecoration(
+        borderRadius: BorderRadius.all(Radius.circular(5)),
+        color: Theme.of(context).primaryColor,
+      ),
+      padding: EdgeInsets.all(10),
+      child: Text(
+        'Flutter Unit',
+        style: Theme.of(context).textTheme.headline1,
+      ),
+    );
+  }
+}