books

lib/navigation/transition/fade_page_transitions_builder.dart

@@ -1,43 +1,19 @@
 import 'package:flutter/material.dart';
 
 class FadePageTransitionsBuilder extends PageTransitionsBuilder {
-
   const FadePageTransitionsBuilder();
 
   @override
   Widget buildTransitions<T>(
-      PageRoute<T>? route,
-      BuildContext? context,
-      Animation<double> animation,
-      Animation<double> secondaryAnimation,
-      Widget child,
-      ) {
-    return _FadePagePageTransition(
-      animation: animation,
-      secondaryAnimation: secondaryAnimation,
+    PageRoute<T>? route,
+    BuildContext? context,
+    Animation<double> animation,
+    Animation<double> secondaryAnimation,
+    Widget child,
+  ) {
+    return FadeTransition(
+      opacity: animation.drive(CurveTween(curve: Curves.easeIn)),
       child: child,
     );
   }
 }
-
-class _FadePagePageTransition extends StatelessWidget {
-
-  const _FadePagePageTransition({
-    required this.animation,
-    required this.secondaryAnimation,
-    required this.child,
-  });
-
-  final Animation<double> animation;
-  final Animation<double> secondaryAnimation;
-  final Widget child;
-
-  @override
-  Widget build(BuildContext context) {
-    var curveTween = CurveTween(curve: Curves.easeIn);
-    return FadeTransition(
-      opacity: animation.drive(curveTween),
-      child: child,
-    );
-  }
-}

lib/navigation/transition/size_clip_transition.dart

@@ -0,0 +1,105 @@
+import 'dart:math';
+
+import 'package:flutter/cupertino.dart';
+
+class SizeClipTransition extends StatelessWidget {
+  final Animation<double> animation;
+  final Animation<double> secondaryAnimation;
+  final Widget child;
+
+  const SizeClipTransition({
+    super.key,
+    required this.animation,
+    required this.secondaryAnimation,
+    required this.child,
+  });
+
+  @override
+  Widget build(BuildContext context) {
+    return ClipPath(
+      clipper: CirclePathClipper(Curves.easeIn.transform(animation.value)),
+      child: child,
+    );
+  }
+}
+
+class SizePathClipper extends CustomClipper<Path> {
+  final double progress;
+
+  SizePathClipper(this.progress);
+
+  @override
+  Path getClip(Size size) {
+    Rect box = Rect.fromLTWH(0, 0, size.width, size.height);
+    Rect center = Rect.fromCenter(
+      center: Offset(size.width / 2, size.height / 2),
+      width: size.width * (1 - progress),
+      height: size.height,
+    );
+
+    return Path()
+      ..addRect(box)
+      ..addRect(center)
+      ..fillType = PathFillType.evenOdd;
+  }
+
+  @override
+  bool shouldReclip(covariant SizePathClipper oldClipper) {
+    return oldClipper.progress != progress;
+  }
+}
+
+class ScalePathClipper extends CustomClipper<Path> {
+  final double progress;
+
+  ScalePathClipper(this.progress);
+
+  @override
+  Path getClip(Size size) {
+    Rect box = Rect.fromLTWH(0, 0, size.width, size.height);
+    Rect center = Rect.fromCenter(
+      center: Offset(size.width / 2, size.height / 2),
+      width: size.width * (1 - progress),
+      height: size.height* (1 - progress),
+    );
+
+    return Path()
+      ..addRect(box)
+      ..addRect(center)
+      ..fillType = PathFillType.evenOdd;
+  }
+
+  @override
+  bool shouldReclip(covariant ScalePathClipper oldClipper) {
+    return oldClipper.progress != progress;
+  }
+}
+
+class CirclePathClipper extends CustomClipper<Path> {
+  final double progress;
+
+  CirclePathClipper(this.progress);
+
+  @override
+  Path getClip(Size size) {
+    print('progress:$progress');
+    if(progress==0){
+      return Path();
+    }
+    Rect box = Rect.fromLTWH(0, 0, size.width, size.height);
+    Rect center = Rect.fromCircle(
+      center: Offset(size.width , 0),
+      radius: sqrt(size.width*size.width+size.height*size.height) * (progress),
+    );
+
+    Path zone = Path()..addRect(box);
+    Path cliper = Path()..addOval(center);
+
+    return Path.combine(PathOperation.intersect, zone, cliper );
+  }
+
+  @override
+  bool shouldReclip(covariant CirclePathClipper oldClipper) {
+    return oldClipper.progress != progress;
+  }
+}