mod: 无障碍自定义操作适配

lib/common/widgets/video_card_h.dart

@@ -1,4 +1,5 @@
 import 'package:flutter/material.dart';
+import 'package:flutter/rendering.dart';
 import 'package:flutter_smart_dialog/flutter_smart_dialog.dart';
 import 'package:get/get.dart';
 import '../../http/search.dart';
@@ -41,11 +42,17 @@ class VideoCardH extends StatelessWidget {
     try {
       type = videoItem.type;
     } catch (_) {}
+    List<VideoCustomAction> actions =
+        VideoCustomActions(videoItem, context).actions;
     final String heroTag = Utils.makeHeroTag(aid);
     return Stack(children: [
       Semantics(
         label: Utils.videoItemSemantics(videoItem),
         excludeSemantics: true,
+        customSemanticsActions: <CustomSemanticsAction, void Function()>{
+          for (var item in actions)
+            CustomSemanticsAction(label: item.title): item.onTap!,
+        },
         child: InkWell(
           borderRadius: BorderRadius.circular(12),
           onLongPress: () {
@@ -134,7 +141,7 @@ class VideoCardH extends StatelessWidget {
           child: VideoPopupMenu(
             size: 29,
             iconSize: 17,
-            videoItem: videoItem,
+            actions: actions,
           ),
         ),
     ]);

lib/common/widgets/video_card_v.dart

@@ -1,4 +1,5 @@
 import 'package:flutter/material.dart';
+import 'package:flutter/rendering.dart';
 import 'package:flutter_smart_dialog/flutter_smart_dialog.dart';
 import 'package:get/get.dart';
 import '../../models/model_rec_video_item.dart';
@@ -127,10 +128,16 @@ class VideoCardV extends StatelessWidget {
   @override
   Widget build(BuildContext context) {
     String heroTag = Utils.makeHeroTag(videoItem.id);
+    List<VideoCustomAction> actions =
+        VideoCustomActions(videoItem, context).actions;
     return Stack(children: [
       Semantics(
         label: Utils.videoItemSemantics(videoItem),
         excludeSemantics: true,
+        customSemanticsActions: <CustomSemanticsAction, void Function()>{
+          for (var item in actions)
+            CustomSemanticsAction(label: item.title): item.onTap!,
+        },
         child: Card(
           clipBehavior: Clip.hardEdge,
           margin: EdgeInsets.zero,
@@ -185,7 +192,7 @@ class VideoCardV extends StatelessWidget {
             child: VideoPopupMenu(
               size: 29,
               iconSize: 17,
-              videoItem: videoItem,
+              actions: actions,
             )),
     ]);
   }

lib/common/widgets/video_popup_menu.dart

@@ -1,4 +1,3 @@
-import 'package:flutter/cupertino.dart';
 import 'package:flutter/material.dart';
 import 'package:flutter_smart_dialog/flutter_smart_dialog.dart';
 import 'package:get/get.dart';
@@ -10,71 +9,36 @@ import '../../models/home/rcmd/result.dart';
 import '../../pages/mine/controller.dart';
 import '../../utils/storage.dart';
 
-class VideoPopupMenu extends StatelessWidget {
-  final double? size;
-  final double? iconSize;
-  final dynamic videoItem;
-  final double menuItemHeight = 45;
+class VideoCustomAction {
+  String title;
+  String value;
+  Icon icon;
+  VoidCallback? onTap;
+  VideoCustomAction(this.title, this.value, this.icon, this.onTap);
+}
 
-  const VideoPopupMenu({
-    Key? key,
-    required this.size,
-    required this.iconSize,
-    required this.videoItem,
-  }) : super(key: key);
-
-  @override
-  Widget build(BuildContext context) {
-    return SizedBox(
-      width: size,
-      height: size,
-      child: PopupMenuButton<String>(
-        padding: EdgeInsets.zero,
-        icon: Icon(
-          Icons.more_vert_outlined,
-          color: Theme.of(context).colorScheme.outline,
-          size: iconSize,
-        ),
-        position: PopupMenuPosition.under,
-        onSelected: (String type) {},
-        itemBuilder: (BuildContext context) => <PopupMenuEntry<String>>[
-          PopupMenuItem<String>(
-            onTap: () async {
-              var res =
-                  await UserHttp.toViewLater(bvid: videoItem.bvid as String);
+class VideoCustomActions {
+  dynamic videoItem;
+  BuildContext context;
+  late List<VideoCustomAction> actions;
+  VideoCustomActions(this.videoItem, this.context) {
+    actions = [
+      VideoCustomAction(
+          '稍后再看', 'pause', Icon(MdiIcons.clockTimeEightOutline, size: 16),
+          () async {
+        var res = await UserHttp.toViewLater(bvid: videoItem.bvid as String);
         SmartDialog.showToast(res['msg']);
-            },
-            value: 'pause',
-            height: menuItemHeight,
-            child: Row(
-              children: [
-                Icon(MdiIcons.clockTimeEightOutline, size: 16),
-                const SizedBox(width: 6),
-                const Text('稍后再看', style: TextStyle(fontSize: 13))
-              ],
-            ),
-          ),
-          PopupMenuItem<String>(
-            onTap: () async {
+      }),
+      VideoCustomAction('访问：${videoItem.owner.name}', 'visit',
+          Icon(MdiIcons.accountCircleOutline, size: 16), () async {
         Get.toNamed('/member?mid=${videoItem.owner.mid}', arguments: {
           // 'face': videoItem.owner.face,
           'heroTag': '${videoItem.owner.mid}',
         });
-            },
-            value: 'visit',
-            height: menuItemHeight,
-            child: Row(
-              children: [
-                Icon(MdiIcons.accountCircleOutline, size: 16),
-                const SizedBox(width: 6),
-                Text('访问：${videoItem.owner.name}',
-                    style: const TextStyle(fontSize: 13))
-              ],
-            ),
-          ),
-          // 不感兴趣
-          PopupMenuItem<String>(
-            onTap: () async {
+      }),
+      VideoCustomAction(
+          '不感兴趣', 'dislike', Icon(MdiIcons.thumbDownOutline, size: 16),
+          () async {
         String? accessKey = GStorage.localCache
             .get(LocalCacheKey.accessKey, defaultValue: {})['value'];
         if (accessKey == null || accessKey == "") {
@@ -95,8 +59,8 @@ class VideoPopupMenu extends StatelessWidget {
           Widget actionButton(DislikeReason? r, FeedbackReason? f) {
             return ElevatedButton(
               style: ElevatedButton.styleFrom(
-                      padding: const EdgeInsets.symmetric(
-                          horizontal: 12.0, vertical: 0.0),
+                padding:
+                    const EdgeInsets.symmetric(horizontal: 12.0, vertical: 0.0),
               ),
               onPressed: () async {
                 SmartDialog.showLoading(msg: '正在提交');
@@ -193,8 +157,7 @@ class VideoPopupMenu extends StatelessWidget {
                             onPressed: () async {
                               SmartDialog.showLoading(msg: '正在提交');
                               var res = await VideoHttp.dislikeVideo(
-                                        bvid: videoItem.bvid as String,
-                                        type: true);
+                                  bvid: videoItem.bvid as String, type: true);
                               SmartDialog.dismiss();
                               SmartDialog.showToast(
                                   res['status'] ? "点踩成功" : res['msg']);
@@ -206,8 +169,7 @@ class VideoPopupMenu extends StatelessWidget {
                             onPressed: () async {
                               SmartDialog.showLoading(msg: '正在提交');
                               var res = await VideoHttp.dislikeVideo(
-                                        bvid: videoItem.bvid as String,
-                                        type: false);
+                                  bvid: videoItem.bvid as String, type: false);
                               SmartDialog.dismiss();
                               SmartDialog.showToast(
                                   res['status'] ? "取消踩" : res['msg']);
@@ -224,34 +186,24 @@ class VideoPopupMenu extends StatelessWidget {
             },
           );
         }
-            },
-            value: 'dislike',
-            height: menuItemHeight,
-            child: Row(
-              children: [
-                Icon(MdiIcons.thumbDownOutline, size: 16),
-                const SizedBox(width: 6),
-                const Text('不感兴趣', style: TextStyle(fontSize: 13))
-              ],
-            ),
-          ),
-          PopupMenuItem<String>(
-            onTap: () async {
+      }),
+      VideoCustomAction('拉黑：${videoItem.owner.name}', 'block',
+          Icon(MdiIcons.cancel, size: 16), () async {
         await showDialog(
           context: context,
           builder: (context) {
             return AlertDialog(
               title: const Text('提示'),
-                    content: Text(
-                        '确定拉黑:${videoItem.owner.name}(${videoItem.owner.mid})?'
+              content:
+                  Text('确定拉黑:${videoItem.owner.name}(${videoItem.owner.mid})?'
                       '\n\n注：被拉黑的Up可以在隐私设置-黑名单管理中解除'),
               actions: [
                 TextButton(
                   onPressed: () => Get.back(),
                   child: Text(
                     '点错了',
-                          style: TextStyle(
-                              color: Theme.of(context).colorScheme.outline),
+                    style:
+                        TextStyle(color: Theme.of(context).colorScheme.outline),
                   ),
                 ),
                 TextButton(
@@ -262,8 +214,7 @@ class VideoPopupMenu extends StatelessWidget {
                       reSrc: 11,
                     );
                     List<int> blackMidsList = GStorage.localCache
-                              .get(LocalCacheKey.blackMidsList,
-                                  defaultValue: [-1])
+                        .get(LocalCacheKey.blackMidsList, defaultValue: [-1])
                         .map<int>((i) => i as int)
                         .toList();
                     blackMidsList.insert(0, videoItem.owner.mid);
@@ -278,55 +229,64 @@ class VideoPopupMenu extends StatelessWidget {
             );
           },
         );
-            },
-            value: 'block',
-            height: menuItemHeight,
-            child: Row(
-              children: [
-                Icon(MdiIcons.cancel, size: 16),
-                const SizedBox(width: 6),
-                Text('拉黑：${videoItem.owner.name}',
-                    style: const TextStyle(fontSize: 13))
-              ],
-            ),
-          ),
-          // PopupMenuItem<String>(
-          //   onTap: () async {
-          //     SmartDialog.showToast("还没做");
-          //   },
-          //   value: 'anonymize',
-          //   height: menuItemHeight,
-          //   child: const Row(
-          //     children: [
-          //       Icon(Icons.visibility_off_outlined, size: 16),
-          //       SizedBox(width: 6),
-          //       Text('无痕播放',
-          //           style: TextStyle(fontSize: 13))
-          //     ],
-          //   ),
-          // ),
-          PopupMenuItem<String>(
-            onTap: () {
-              MineController.onChangeAnonymity(context);
-            },
-            value: 'anonymous',
-            height: menuItemHeight,
-            child: Row(
-              children: [
+      }),
+      VideoCustomAction(
+          "${MineController.anonymity ? '退出' : '进入'}无痕模式",
+          'anonymity',
           Icon(
             MineController.anonymity
                 ? MdiIcons.incognitoOff
                 : MdiIcons.incognito,
             size: 16,
           ),
+          () => MineController.onChangeAnonymity(context))
+    ];
+  }
+}
+
+class VideoPopupMenu extends StatelessWidget {
+  final double? size;
+  final double? iconSize;
+  final List<VideoCustomAction> actions;
+  final double menuItemHeight = 45;
+
+  const VideoPopupMenu({
+    super.key,
+    required this.size,
+    required this.iconSize,
+    required this.actions,
+  });
+
+  @override
+  Widget build(BuildContext context) {
+    return ExcludeSemantics(
+        child: SizedBox(
+      width: size,
+      height: size,
+      child: PopupMenuButton<String>(
+        padding: EdgeInsets.zero,
+        icon: Icon(
+          Icons.more_vert_outlined,
+          color: Theme.of(context).colorScheme.outline,
+          size: iconSize,
+        ),
+        position: PopupMenuPosition.under,
+        onSelected: (String type) {},
+        itemBuilder: (BuildContext context) => actions.map((e) {
+          return PopupMenuItem<String>(
+            value: e.value,
+            height: menuItemHeight,
+            onTap: e.onTap,
+            child: Row(
+              children: [
+                e.icon,
                 const SizedBox(width: 6),
-                Text("${MineController.anonymity ? '退出' : '进入'}无痕模式",
-                    style: const TextStyle(fontSize: 13))
-              ],
-            ),
-          ),
+                Text(e.title, style: const TextStyle(fontSize: 13))
               ],
             ),
           );
+        }).toList(),
+      ),
+    ));
   }
 }