Animation dev

lib/components/animation/gf_animation.dart

@@ -0,0 +1,293 @@
+import 'package:flutter/material.dart';
+import 'package:getwidget/types/gf_animation_type.dart';
+
+class GFAnimation extends StatefulWidget {
+  const GFAnimation({
+    Key key,
+    this.duration,
+    this.alignment,
+    this.child,
+    this.curve,
+    this.type,
+    this.width,
+    this.height,
+    this.activeColor,
+    this.color,
+    this.padding,
+    this.activeAlignment,
+    this.onTap,
+    this.margin,
+    this.turnsAnimation,
+    this.scaleAnimation,
+    this.controller,
+    this.textDirection,
+    this.slidePosition,
+    this.style,
+    this.textAlign,
+    this.textOverflow,
+    this.maxLines,
+    this.textWidthBasis,
+    this.fontSize,
+    this.fontWeight,
+    this.changedWidth,
+    this.changedHeight,
+  }) : super(key: key);
+
+  /// The duration for animations of the [Decoration].
+  final Duration duration;
+
+  /// Defines how the animated widget is aligned within the Animation.
+  final Alignment alignment;
+
+  /// Defines how the animated widget is aligned(after the onTap) within the Animation.
+  final Alignment activeAlignment;
+
+  /// The child of type [Widget] to display animation effect.
+  final Widget child;
+
+  /// Determines the animation curve physics. Defaults to [Curves.linear].
+  final Curve curve;
+
+  ///type of [GFAnimation] which takes the type ie, align, size, container, rotateTransition, scaleTransition, slideTransition, and textStyle for the [GFAnimation]
+  final GFAnimationType type;
+
+  /// [AnimatedContainer] initial width
+  final double width;
+
+  /// [AnimatedContainer] changed width
+  final double changedWidth;
+
+  /// [AnimatedContainer] initial height
+  final double height;
+
+  /// [AnimatedContainer] changed height
+  final double changedHeight;
+
+  /// defines the color of items when onTap triggers
+  final Color activeColor;
+
+  /// defines the color of items
+  final Color color;
+
+  /// The empty space that surrounds the animation. Defines the animation outer [Container.padding]..
+  final EdgeInsetsGeometry padding;
+
+  /// The empty space that surrounds the animation. Defines the animation outer [Container.margin].
+  final EdgeInsetsGeometry margin;
+  final Function onTap;
+
+  /// Here's an illustration of the [RotationTransition] widget, with it's [turnsAnimation]
+  /// animated by a [Tween] set to [animate]:
+  final Animation<double> turnsAnimation;
+
+  /// Here's an illustration of the [ScaleTransition] widget, with it's [scaleAnimation]
+  /// animated by a [CurvedAnimation] set to [Curves.linear]:
+  final Animation<double> scaleAnimation;
+
+  final AnimationController controller;
+
+  ///direction of the [AnimatedDefaultTextStyle] TextDirection for [ltr,rtl]
+  final TextDirection textDirection;
+
+  ///  * [ScaleTransition], which animates the scale of a widget.
+  final Animation<Offset> slidePosition;
+  final TextStyle style;
+  final TextAlign textAlign;
+  final TextOverflow textOverflow;
+
+  /// [AnimatedDefaultTextStyle] maxlines
+  final int maxLines;
+  final TextWidthBasis textWidthBasis;
+  final double fontSize;
+  final FontWeight fontWeight;
+
+  @override
+  _GFAnimationState createState() => _GFAnimationState();
+}
+
+class _GFAnimationState extends State<GFAnimation>
+    with SingleTickerProviderStateMixin {
+  bool selected = false;
+
+  AnimationController controller;
+  Animation<double> animation;
+  Animation<Offset> offsetAnimation;
+
+  @override
+  void initState() {
+    if (widget.type == GFAnimationType.rotateTransition) {
+      controller = widget.controller ??
+          AnimationController(
+              duration: widget.duration ?? const Duration(seconds: 2),
+              vsync: this);
+      animation = widget.turnsAnimation ??
+          Tween<double>(begin: 0, end: 20).animate(controller);
+      if (widget.turnsAnimation == null) {
+        controller.forward();
+      }
+    } else if (widget.type == GFAnimationType.scaleTransition) {
+      controller = widget.controller ??
+          AnimationController(
+              vsync: this,
+              duration: widget.duration ?? const Duration(seconds: 2));
+      animation = widget.scaleAnimation ??
+          CurvedAnimation(
+              parent: controller, curve: widget.curve ?? Curves.ease);
+      controller.forward();
+    } else if (widget.type == GFAnimationType.slideTransition) {
+      controller = AnimationController(
+        duration: widget.duration ?? const Duration(seconds: 2),
+        vsync: this,
+      )..repeat(reverse: true);
+      offsetAnimation = Tween<Offset>(
+        begin: Offset.zero,
+        end: const Offset(1.5, 0),
+      ).animate(CurvedAnimation(
+        parent: controller,
+        curve: Curves.linear,
+      ));
+    }
+    super.initState();
+  }
+
+  @override
+  void dispose() {
+    controller.dispose();
+    super.dispose();
+  }
+
+  @override
+  Widget build(BuildContext context) => getAnimatedTypeWidget();
+
+  Widget buildAnimatedContainerWidget() => GestureDetector(
+        onTap: () {
+          if (mounted) {
+            setState(() {
+              selected = !selected;
+            });
+          }
+        },
+        child: AnimatedContainer(
+          margin: widget.margin ?? const EdgeInsets.all(0),
+          padding: widget.padding ?? const EdgeInsets.all(8),
+          width:
+              selected ? widget.changedWidth ?? 200.0 : widget.width ?? 100.0,
+          height:
+              selected ? widget.changedHeight ?? 200.0 : widget.height ?? 100.0,
+          color: selected
+              ? widget.activeColor ?? Colors.red
+              : widget.color ?? Colors.blue,
+          alignment: selected
+              ? widget.activeAlignment ?? Alignment.center
+              : widget.alignment ?? Alignment.center,
+          duration: widget.duration ?? const Duration(milliseconds: 2000),
+          curve: widget.curve ?? Curves.linear,
+          child: widget.child,
+        ),
+      );
+
+  Widget buildAnimatedAlignWidget() => GestureDetector(
+        onTap: () {
+          if (widget.onTap == null) {
+            if (mounted) {
+              setState(() {
+                selected = !selected;
+              });
+            }
+          } else {
+            widget.onTap();
+          }
+        },
+        child: Container(
+          margin: widget.margin ?? const EdgeInsets.all(0),
+          padding: widget.padding ?? const EdgeInsets.all(0),
+          child: AnimatedAlign(
+            curve: widget.curve ?? Curves.linear,
+            alignment: selected
+                ? widget.alignment ?? Alignment.center
+                : Alignment.topCenter,
+            duration: widget.duration ?? const Duration(seconds: 2),
+            child: widget.child,
+          ),
+        ),
+      );
+
+  Widget buildAnimatedSizeWidget() => GestureDetector(
+        onTap: widget.onTap,
+        child: Container(
+          margin: widget.margin ?? const EdgeInsets.all(0),
+          padding: widget.padding ?? const EdgeInsets.all(0),
+          color: widget.color ?? Colors.white,
+          child: AnimatedSize(
+            alignment: widget.alignment ?? Alignment.center,
+            curve: widget.curve ?? Curves.linear,
+            vsync: this,
+            duration: widget.duration ?? const Duration(milliseconds: 2000),
+            child: widget.child,
+          ),
+        ),
+      );
+
+  Widget buildRotationTransitionWidget() => RotationTransition(
+        turns: animation,
+        child: widget.child,
+        alignment: widget.alignment,
+      );
+
+  Widget buildScaleTransitionWidget() => ScaleTransition(
+        child: widget.child,
+        scale: animation,
+        alignment: widget.alignment ?? Alignment.center,
+      );
+
+  Widget buildSlideTransitionWidget() => SlideTransition(
+        child: widget.child,
+        textDirection: widget.textDirection ?? TextDirection.ltr,
+        position: widget.slidePosition ?? offsetAnimation,
+      );
+
+  Widget buildAnimatedDefaultTextStyleWidget() => GestureDetector(
+        onTap: widget.onTap,
+        child: AnimatedDefaultTextStyle(
+          maxLines: widget.maxLines,
+          style: widget.style ??
+              TextStyle(
+                  fontWeight: widget.fontWeight ?? FontWeight.normal,
+                  fontSize: widget.fontSize ?? 16,
+                  color: widget.color ?? Colors.blue),
+          textWidthBasis: widget.textWidthBasis ?? TextWidthBasis.parent,
+          textAlign: widget.textAlign ?? TextAlign.start,
+          curve: widget.curve ?? Curves.linear,
+          duration: widget.duration ?? const Duration(seconds: 2),
+          child: widget.child,
+        ),
+      );
+
+  Widget getAnimatedTypeWidget() {
+    switch (widget.type) {
+      case GFAnimationType.align:
+        return buildAnimatedAlignWidget();
+        break;
+      case GFAnimationType.container:
+        return buildAnimatedContainerWidget();
+        break;
+      case GFAnimationType.size:
+        return buildAnimatedSizeWidget();
+        break;
+      case GFAnimationType.rotateTransition:
+        return buildRotationTransitionWidget();
+        break;
+      case GFAnimationType.scaleTransition:
+        return buildScaleTransitionWidget();
+        break;
+      case GFAnimationType.slideTransition:
+        return buildSlideTransitionWidget();
+        break;
+      case GFAnimationType.textStyle:
+        return buildAnimatedDefaultTextStyleWidget();
+        break;
+      default:
+        return buildAnimatedContainerWidget();
+    }
+  }
+}

lib/types/gf_animation_type.dart

@@ -0,0 +1,9 @@
+enum GFAnimationType {
+  align,
+  size,
+  container,
+  rotateTransition,
+  scaleTransition,
+  slideTransition,
+  textStyle
+}