custom fullscreen sc width

Closes #1910

Signed-off-by: dom <githubaccount56556@proton.me>

lib/pages/setting/models/play_settings.dart

@@ -5,6 +5,7 @@ import 'package:PiliPlus/models/common/super_chat_type.dart';
 import 'package:PiliPlus/models/common/video/subtitle_pref_type.dart';
 import 'package:PiliPlus/pages/main/controller.dart';
 import 'package:PiliPlus/pages/setting/models/model.dart';
+import 'package:PiliPlus/pages/setting/pages/fullscreen_sc_size.dart';
 import 'package:PiliPlus/pages/setting/widgets/select_dialog.dart';
 import 'package:PiliPlus/plugin/pl_player/models/bottom_progress_behavior.dart';
 import 'package:PiliPlus/plugin/pl_player/models/fullscreen_mode.dart';
@@ -145,6 +146,12 @@ List<SettingsModel> get playSettings => [
     getSubtitle: () => '当前:「${Pref.superChatType.title}」',
     onTap: _showSuperChatDialog,
   ),
+  NormalModel(
+    title: '全屏 SC 大小',
+    subtitle: 'SuperChat (醒目留言) 大小设置',
+    leading: const Icon(Icons.open_in_full),
+    onTap: (_, _) => Get.to(const FullScreenScSize()),
+  ),
   const SwitchModel(
     title: '竖屏扩大展示',
     subtitle: '小屏竖屏视频宽高比由16:9扩大至1:1（不支持收起）；横屏适配时，扩大至9:16',

lib/pages/setting/pages/fullscreen_sc_size.dart

@@ -0,0 +1,141 @@
+import 'dart:io' show Platform;
+import 'dart:math' as math;
+
+import 'package:PiliPlus/common/widgets/extra_hittest_stack.dart';
+import 'package:PiliPlus/models_new/live/live_superchat/item.dart';
+import 'package:PiliPlus/pages/live_room/superchat/superchat_card.dart';
+import 'package:PiliPlus/plugin/pl_player/utils/fullscreen.dart';
+import 'package:PiliPlus/utils/platform_utils.dart';
+import 'package:PiliPlus/utils/storage.dart';
+import 'package:PiliPlus/utils/storage_key.dart';
+import 'package:PiliPlus/utils/storage_pref.dart';
+import 'package:flutter/material.dart';
+
+const kFullScreenSCWidth = 255.0;
+
+class FullScreenScSize extends StatefulWidget {
+  const FullScreenScSize({super.key});
+
+  @override
+  State<FullScreenScSize> createState() => _FullScreenScSizeState();
+}
+
+class _FullScreenScSizeState extends State<FullScreenScSize> {
+  double _width = Pref.fullScreenSCWidth;
+  final _randomSC = SuperChatItem.random;
+  late EdgeInsets _padding;
+  late ColorScheme _colorScheme;
+
+  @override
+  void initState() {
+    super.initState();
+    if (Platform.isAndroid) {
+      landscapeLeftMode();
+    } else if (Platform.isIOS) {
+      landscapeRightMode();
+    }
+  }
+
+  @override
+  void dispose() {
+    if (PlatformUtils.isMobile) {
+      if (Pref.horizontalScreen) {
+        fullMode();
+      } else {
+        portraitUpMode();
+      }
+    }
+    super.dispose();
+  }
+
+  @override
+  void didChangeDependencies() {
+    super.didChangeDependencies();
+    final padding = MediaQuery.viewPaddingOf(context);
+    _padding = .only(
+      right: padding.right + 17,
+      left: padding.left + 25,
+      bottom: padding.bottom + 25,
+    );
+    _colorScheme = ColorScheme.of(context);
+  }
+
+  void _onReset() {
+    _width = kFullScreenSCWidth;
+    GStorage.setting.delete(SettingBoxKey.fullScreenSCWidth);
+    setState(() {});
+  }
+
+  @override
+  Widget build(BuildContext context) {
+    return Scaffold(
+      resizeToAvoidBottomInset: false,
+      appBar: AppBar(
+        title: const Text('全屏 SC 大小设置'),
+        actions: [
+          TextButton(onPressed: _onReset, child: const Text('重置')),
+        ],
+      ),
+      body: Padding(padding: _padding, child: _buildBody),
+    );
+  }
+
+  Widget get _buildBody {
+    return Align(
+      alignment: .bottomLeft,
+      child: ExtraHitTestStack(
+        clipBehavior: .none,
+        children: [
+          SizedBox(
+            width: _width,
+            child: IgnorePointer(
+              child: SuperChatCard(
+                item: _randomSC,
+                persistentSC: true,
+              ),
+            ),
+          ),
+          Positioned(
+            top: 0,
+            bottom: 0,
+            right: -17,
+            width: 34,
+            child: MouseRegion(
+              cursor: SystemMouseCursors.resizeRight,
+              child: GestureDetector(
+                behavior: .opaque,
+                onHorizontalDragUpdate: _onHorizontalDragUpdate,
+                onHorizontalDragEnd: _onHorizontalDragEnd,
+                child: DecoratedBox(
+                  decoration: BoxDecoration(
+                    shape: .circle,
+                    color: _colorScheme.secondaryContainer.withValues(
+                      alpha: .8,
+                    ),
+                  ),
+                  child: Transform.rotate(
+                    angle: math.pi / 4,
+                    child: Icon(
+                      size: 18,
+                      Icons.open_in_full,
+                      color: _colorScheme.onSecondaryContainer,
+                    ),
+                  ),
+                ),
+              ),
+            ),
+          ),
+        ],
+      ),
+    );
+  }
+
+  void _onHorizontalDragUpdate(DragUpdateDetails details) {
+    _width = math.max(25.0, _width + details.delta.dx);
+    setState(() {});
+  }
+
+  void _onHorizontalDragEnd(DragEndDetails details) {
+    GStorage.setting.put(SettingBoxKey.fullScreenSCWidth, _width);
+  }
+}