feat: 直播、推荐、热门封面图片保存

lib/common/widgets/animated_dialog.dart

@@ -1,9 +1,11 @@
 import 'package:flutter/material.dart';
 
 class AnimatedDialog extends StatefulWidget {
-  const AnimatedDialog({Key? key, required this.child}) : super(key: key);
+  const AnimatedDialog({Key? key, required this.child, this.closeFn})
+      : super(key: key);
 
   final Widget child;
+  final Function? closeFn;
 
   @override
   State<StatefulWidget> createState() => AnimatedDialogState();
@@ -39,12 +41,16 @@ class AnimatedDialogState extends State<AnimatedDialog>
   Widget build(BuildContext context) {
     return Material(
       color: Colors.black.withOpacity(opacityAnimation!.value),
-      child: Center(
-        child: FadeTransition(
-          opacity: scaleAnimation!,
-          child: ScaleTransition(
-            scale: scaleAnimation!,
-            child: widget.child,
+      child: InkWell(
+        splashColor: Colors.transparent,
+        onTap: () => widget.closeFn!(),
+        child: Center(
+          child: FadeTransition(
+            opacity: scaleAnimation!,
+            child: ScaleTransition(
+              scale: scaleAnimation!,
+              child: widget.child,
+            ),
           ),
         ),
       ),

lib/common/widgets/overlay_pop.dart

@@ -1,42 +1,82 @@
 import 'package:flutter/material.dart';
 import 'package:pilipala/common/constants.dart';
 import 'package:pilipala/common/widgets/network_img_layer.dart';
+import 'package:pilipala/utils/download.dart';
 
 class OverlayPop extends StatelessWidget {
   final dynamic videoItem;
-  const OverlayPop({super.key, this.videoItem});
+  final Function? closeFn;
+  const OverlayPop({super.key, this.videoItem, this.closeFn});
 
   @override
   Widget build(BuildContext context) {
+    double imgWidth = MediaQuery.of(context).size.width - 8 * 2;
     return Container(
-      margin: const EdgeInsets.symmetric(horizontal: 8.0),
+      margin: const EdgeInsets.symmetric(horizontal: 8),
       decoration: BoxDecoration(
         color: Theme.of(context).colorScheme.background,
-        borderRadius: BorderRadius.circular(6.0),
+        borderRadius: BorderRadius.circular(10.0),
       ),
-      child: ClipRRect(
-        borderRadius: BorderRadius.circular(6.0),
-        child: Column(
-          mainAxisSize: MainAxisSize.min,
-          mainAxisAlignment: MainAxisAlignment.start,
-          crossAxisAlignment: CrossAxisAlignment.start,
-          children: [
-            NetworkImgLayer(
-              width: (MediaQuery.of(context).size.width - 16),
-              height: (MediaQuery.of(context).size.width - 16) /
-                  StyleString.aspectRatio,
-              src: videoItem.pic!,
-            ),
-            Padding(
-              padding: const EdgeInsets.fromLTRB(12, 15, 10, 15),
-              child: Text(
-                videoItem.title!,
-                // maxLines: 1,
-                // overflow: TextOverflow.ellipsis,
+      child: Column(
+        mainAxisSize: MainAxisSize.min,
+        mainAxisAlignment: MainAxisAlignment.start,
+        crossAxisAlignment: CrossAxisAlignment.start,
+        children: [
+          Stack(
+            children: [
+              NetworkImgLayer(
+                width: imgWidth,
+                height: imgWidth / StyleString.aspectRatio,
+                src: videoItem.pic!,
+                quality: 100,
               ),
-            ),
-          ],
-        ),
+              Positioned(
+                right: 8,
+                top: 8,
+                child: Container(
+                  width: 30,
+                  height: 30,
+                  decoration: BoxDecoration(
+                      color: Colors.black.withOpacity(0.3),
+                      borderRadius:
+                          const BorderRadius.all(Radius.circular(20))),
+                  child: IconButton(
+                    style: ButtonStyle(
+                      padding: MaterialStateProperty.all(EdgeInsets.zero),
+                    ),
+                    onPressed: () => closeFn!(),
+                    icon: const Icon(
+                      Icons.close,
+                      size: 18,
+                      color: Colors.white,
+                    ),
+                  ),
+                ),
+              ),
+            ],
+          ),
+          Padding(
+              padding: const EdgeInsets.fromLTRB(12, 10, 8, 10),
+              child: Row(
+                children: [
+                  Expanded(
+                    child: Text(
+                      videoItem.title!,
+                    ),
+                  ),
+                  const SizedBox(width: 4),
+                  IconButton(
+                    tooltip: '保存封面图',
+                    onPressed: () async {
+                      await DownloadUtils.downloadImg(
+                          videoItem.pic ?? videoItem.cover);
+                      // closeFn!();
+                    },
+                    icon: const Icon(Icons.download, size: 20),
+                  )
+                ],
+              )),
+        ],
       ),
     );
   }

lib/common/widgets/video_card_h.dart

@@ -37,11 +37,11 @@ class VideoCardH extends StatelessWidget {
           longPress!();
         }
       },
-      onLongPressEnd: (details) {
-        if (longPressEnd != null) {
-          longPressEnd!();
-        }
-      },
+      // onLongPressEnd: (details) {
+      //   if (longPressEnd != null) {
+      //     longPressEnd!();
+      //   }
+      // },
       child: InkWell(
         onTap: () async {
           try {

lib/common/widgets/video_card_v.dart

@@ -79,11 +79,11 @@ class VideoCardV extends StatelessWidget {
             longPress!();
           }
         },
-        onLongPressEnd: (details) {
-          if (longPressEnd != null) {
-            longPressEnd!();
-          }
-        },
+        // onLongPressEnd: (details) {
+        //   if (longPressEnd != null) {
+        //     longPressEnd!();
+        //   }
+        // },
         child: InkWell(
           onTap: () async => onPushDetail(heroTag),
           child: Column(