粘贴删除按钮不参与过渡

2.新增打包构建脚本

android/app/src/main/kotlin/com/qxy/dronex/recording/RecordingCameraController.kt

@@ -96,6 +96,15 @@ class RecordingCameraController(
             return
         }
 
+        if (
+                boundLifecycleOwner === lifecycleOwner &&
+                        preview != null &&
+                        videoCapture != null
+        ) {
+            onReady(true)
+            return
+        }
+
         try {
             boundLifecycleOwner = lifecycleOwner
             provider.unbindAll()

build-apk-split.sh

@@ -0,0 +1 @@
+flutter build apk --release --split-per-abi

build-apk.sh

@@ -0,0 +1 @@
+flutter build apk --release

devtools_options.yaml

@@ -0,0 +1,3 @@
+description: This file stores settings for Dart & Flutter DevTools.
+documentation: https://docs.flutter.dev/tools/devtools/extensions#configure-extension-enablement-states
+extensions:

ios/Podfile.lock

@@ -1,15 +1,54 @@
 PODS:
+  - connectivity_plus (0.0.1):
+    - Flutter
   - Flutter (1.0.0)
+  - path_provider_foundation (0.0.1):
+    - Flutter
+    - FlutterMacOS
+  - permission_handler_apple (9.4.8):
+    - Flutter
+  - shared_preferences_foundation (0.0.1):
+    - Flutter
+    - FlutterMacOS
+  - sqflite_darwin (0.0.4):
+    - Flutter
+    - FlutterMacOS
+  - url_launcher_ios (0.0.1):
+    - Flutter
 
 DEPENDENCIES:
+  - connectivity_plus (from `.symlinks/plugins/connectivity_plus/ios`)
   - Flutter (from `Flutter`)
+  - path_provider_foundation (from `.symlinks/plugins/path_provider_foundation/darwin`)
+  - permission_handler_apple (from `.symlinks/plugins/permission_handler_apple/ios`)
+  - shared_preferences_foundation (from `.symlinks/plugins/shared_preferences_foundation/darwin`)
+  - sqflite_darwin (from `.symlinks/plugins/sqflite_darwin/darwin`)
+  - url_launcher_ios (from `.symlinks/plugins/url_launcher_ios/ios`)
 
 EXTERNAL SOURCES:
+  connectivity_plus:
+    :path: ".symlinks/plugins/connectivity_plus/ios"
   Flutter:
     :path: Flutter
+  path_provider_foundation:
+    :path: ".symlinks/plugins/path_provider_foundation/darwin"
+  permission_handler_apple:
+    :path: ".symlinks/plugins/permission_handler_apple/ios"
+  shared_preferences_foundation:
+    :path: ".symlinks/plugins/shared_preferences_foundation/darwin"
+  sqflite_darwin:
+    :path: ".symlinks/plugins/sqflite_darwin/darwin"
+  url_launcher_ios:
+    :path: ".symlinks/plugins/url_launcher_ios/ios"
 
 SPEC CHECKSUMS:
+  connectivity_plus: cb623214f4e1f6ef8fe7403d580fdad517d2f7dd
   Flutter: cabc95a1d2626b1b06e7179b784ebcf0c0cde467
+  path_provider_foundation: bb55f6dbba17d0dccd6737fe6f7f34fbd0376880
+  permission_handler_apple: 92d754bbaa7361d436db2d6c3c1c2a0fdcec462e
+  shared_preferences_foundation: 7036424c3d8ec98dfe75ff1667cb0cd531ec82bb
+  sqflite_darwin: 20b2a3a3b70e43edae938624ce550a3cbf66a3d0
+  url_launcher_ios: 7a95fa5b60cc718a708b8f2966718e93db0cef1b
 
 PODFILE CHECKSUM: 5a82b772179df87e6518bddc6f9bb8b4053ce48b
 

ios/Runner.xcodeproj/project.pbxproj

@@ -12,7 +12,6 @@
 		3B3967161E833CAA004F5970 /* AppFrameworkInfo.plist in Resources */ = {isa = PBXBuildFile; fileRef = 3B3967151E833CAA004F5970 /* AppFrameworkInfo.plist */; };
 		64BC3B3C75FABAA128C4FE7A /* Pods_RunnerTests.framework in Frameworks */ = {isa = PBXBuildFile; fileRef = D84231833EC084C45F76D9A0 /* Pods_RunnerTests.framework */; };
 		74858FAF1ED2DC5600515810 /* AppDelegate.swift in Sources */ = {isa = PBXBuildFile; fileRef = 74858FAE1ED2DC5600515810 /* AppDelegate.swift */; };
-		78A318202AECB46A00862997 /* FlutterGeneratedPluginSwiftPackage in Frameworks */ = {isa = PBXBuildFile; productRef = 78A3181F2AECB46A00862997 /* FlutterGeneratedPluginSwiftPackage */; };
 		87DA76CA5231F693C9392B80 /* Pods_Runner.framework in Frameworks */ = {isa = PBXBuildFile; fileRef = B6AA1C86CE710449CC3E8FCD /* Pods_Runner.framework */; };
 		8D5D9D9E2C69000100F10001 /* RecordingPlugin.swift in Sources */ = {isa = PBXBuildFile; fileRef = 8D5D9D9D2C69000100F10001 /* RecordingPlugin.swift */; };
 		8E5D9D9E2C69000100F10002 /* PlatformInfoPlugin.swift in Sources */ = {isa = PBXBuildFile; fileRef = 8E5D9D9D2C69000100F10002 /* PlatformInfoPlugin.swift */; };
@@ -54,7 +53,6 @@
 		69561E7442E8CC939DB2B482 /* Pods-Runner.debug.xcconfig */ = {isa = PBXFileReference; includeInIndex = 1; lastKnownFileType = text.xcconfig; name = "Pods-Runner.debug.xcconfig"; path = "Target Support Files/Pods-Runner/Pods-Runner.debug.xcconfig"; sourceTree = "<group>"; };
 		74858FAD1ED2DC5600515810 /* Runner-Bridging-Header.h */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.c.h; path = "Runner-Bridging-Header.h"; sourceTree = "<group>"; };
 		74858FAE1ED2DC5600515810 /* AppDelegate.swift */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.swift; path = AppDelegate.swift; sourceTree = "<group>"; };
-		78E0A7A72DC9AD7400C4905E /* FlutterGeneratedPluginSwiftPackage */ = {isa = PBXFileReference; lastKnownFileType = wrapper; name = FlutterGeneratedPluginSwiftPackage; path = Flutter/ephemeral/Packages/FlutterGeneratedPluginSwiftPackage; sourceTree = "<group>"; };
 		7AFA3C8E1D35360C0083082E /* Release.xcconfig */ = {isa = PBXFileReference; lastKnownFileType = text.xcconfig; name = Release.xcconfig; path = Flutter/Release.xcconfig; sourceTree = "<group>"; };
 		8D5D9D9D2C69000100F10001 /* RecordingPlugin.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = RecordingPlugin.swift; sourceTree = "<group>"; };
 		8E5D9D9D2C69000100F10002 /* PlatformInfoPlugin.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = PlatformInfoPlugin.swift; sourceTree = "<group>"; };
@@ -86,7 +84,6 @@
 			isa = PBXFrameworksBuildPhase;
 			buildActionMask = 2147483647;
 			files = (
-				78A318202AECB46A00862997 /* FlutterGeneratedPluginSwiftPackage in Frameworks */,
 				87DA76CA5231F693C9392B80 /* Pods_Runner.framework in Frameworks */,
 			);
 			runOnlyForDeploymentPostprocessing = 0;
@@ -104,7 +101,6 @@
 				DFA822DC4965C5AFAFF6BB41 /* Pods-RunnerTests.release.xcconfig */,
 				99DBE6263F70650B13C33EAC /* Pods-RunnerTests.profile.xcconfig */,
 			);
-			name = Pods;
 			path = Pods;
 			sourceTree = "<group>";
 		};
@@ -128,7 +124,6 @@
 		9740EEB11CF90186004384FC /* Flutter */ = {
 			isa = PBXGroup;
 			children = (
-				78E0A7A72DC9AD7400C4905E /* FlutterGeneratedPluginSwiftPackage */,
 				3B3967151E833CAA004F5970 /* AppFrameworkInfo.plist */,
 				9740EEB21CF90195004384FC /* Debug.xcconfig */,
 				7AFA3C8E1D35360C0083082E /* Release.xcconfig */,
@@ -208,15 +203,14 @@
 				97C146EC1CF9000F007C117D /* Resources */,
 				9705A1C41CF9048500538489 /* Embed Frameworks */,
 				3B06AD1E1E4923F5004D2608 /* Thin Binary */,
+				7858230D5ADC7A99F778CB03 /* [CP] Embed Pods Frameworks */,
+				99E9790F23C2D0C0B51A6C19 /* [CP] Copy Pods Resources */,
 			);
 			buildRules = (
 			);
 			dependencies = (
 			);
 			name = Runner;
-			packageProductDependencies = (
-				78A3181F2AECB46A00862997 /* FlutterGeneratedPluginSwiftPackage */,
-			);
 			productName = Runner;
 			productReference = 97C146EE1CF9000F007C117D /* Runner.app */;
 			productType = "com.apple.product-type.application";
@@ -250,9 +244,6 @@
 				Base,
 			);
 			mainGroup = 97C146E51CF9000F007C117D;
-			packageReferences = (
-				781AD8BC2B33823900A9FFBB /* XCLocalSwiftPackageReference "FlutterGeneratedPluginSwiftPackage" */,
-			);
 			productRefGroup = 97C146EF1CF9000F007C117D /* Products */;
 			projectDirPath = "";
 			projectRoot = "";
@@ -345,6 +336,23 @@
 			shellScript = "diff \"${PODS_PODFILE_DIR_PATH}/Podfile.lock\" \"${PODS_ROOT}/Manifest.lock\" > /dev/null\nif [ $? != 0 ] ; then\n    # print error to STDERR\n    echo \"error: The sandbox is not in sync with the Podfile.lock. Run 'pod install' or update your CocoaPods installation.\" >&2\n    exit 1\nfi\n# This output is used by Xcode 'outputs' to avoid re-running this script phase.\necho \"SUCCESS\" > \"${SCRIPT_OUTPUT_FILE_0}\"\n";
 			showEnvVarsInLog = 0;
 		};
+		7858230D5ADC7A99F778CB03 /* [CP] Embed Pods Frameworks */ = {
+			isa = PBXShellScriptBuildPhase;
+			buildActionMask = 2147483647;
+			files = (
+			);
+			inputFileListPaths = (
+				"${PODS_ROOT}/Target Support Files/Pods-Runner/Pods-Runner-frameworks-${CONFIGURATION}-input-files.xcfilelist",
+			);
+			name = "[CP] Embed Pods Frameworks";
+			outputFileListPaths = (
+				"${PODS_ROOT}/Target Support Files/Pods-Runner/Pods-Runner-frameworks-${CONFIGURATION}-output-files.xcfilelist",
+			);
+			runOnlyForDeploymentPostprocessing = 0;
+			shellPath = /bin/sh;
+			shellScript = "\"${PODS_ROOT}/Target Support Files/Pods-Runner/Pods-Runner-frameworks.sh\"\n";
+			showEnvVarsInLog = 0;
+		};
 		9740EEB61CF901F6004384FC /* Run Script */ = {
 			isa = PBXShellScriptBuildPhase;
 			alwaysOutOfDate = 1;
@@ -360,6 +368,23 @@
 			shellPath = /bin/sh;
 			shellScript = "/bin/sh \"$FLUTTER_ROOT/packages/flutter_tools/bin/xcode_backend.sh\" build";
 		};
+		99E9790F23C2D0C0B51A6C19 /* [CP] Copy Pods Resources */ = {
+			isa = PBXShellScriptBuildPhase;
+			buildActionMask = 2147483647;
+			files = (
+			);
+			inputFileListPaths = (
+				"${PODS_ROOT}/Target Support Files/Pods-Runner/Pods-Runner-resources-${CONFIGURATION}-input-files.xcfilelist",
+			);
+			name = "[CP] Copy Pods Resources";
+			outputFileListPaths = (
+				"${PODS_ROOT}/Target Support Files/Pods-Runner/Pods-Runner-resources-${CONFIGURATION}-output-files.xcfilelist",
+			);
+			runOnlyForDeploymentPostprocessing = 0;
+			shellPath = /bin/sh;
+			shellScript = "\"${PODS_ROOT}/Target Support Files/Pods-Runner/Pods-Runner-resources.sh\"\n";
+			showEnvVarsInLog = 0;
+		};
 /* End PBXShellScriptBuildPhase section */
 
 /* Begin PBXSourcesBuildPhase section */
@@ -726,20 +751,6 @@
 			defaultConfigurationName = Release;
 		};
 /* End XCConfigurationList section */
-
-/* Begin XCLocalSwiftPackageReference section */
-		781AD8BC2B33823900A9FFBB /* XCLocalSwiftPackageReference "FlutterGeneratedPluginSwiftPackage" */ = {
-			isa = XCLocalSwiftPackageReference;
-			relativePath = Flutter/ephemeral/Packages/FlutterGeneratedPluginSwiftPackage;
-		};
-/* End XCLocalSwiftPackageReference section */
-
-/* Begin XCSwiftPackageProductDependency section */
-		78A3181F2AECB46A00862997 /* FlutterGeneratedPluginSwiftPackage */ = {
-			isa = XCSwiftPackageProductDependency;
-			productName = FlutterGeneratedPluginSwiftPackage;
-		};
-/* End XCSwiftPackageProductDependency section */
 	};
 	rootObject = 97C146E61CF9000F007C117D /* Project object */;
 }

ios/Runner.xcodeproj/xcshareddata/xcschemes/Runner.xcscheme

@@ -1,7 +1,7 @@
 <?xml version="1.0" encoding="UTF-8"?>
 <Scheme
    LastUpgradeVersion = "1510"
-   version = "1.3">
+   version = "1.7">
    <BuildAction
       parallelizeBuildables = "YES"
       buildImplicitDependencies = "YES">
@@ -70,7 +70,7 @@
       </Testables>
    </TestAction>
    <LaunchAction
-      buildConfiguration = "Debug"
+      buildConfiguration = "Release"
       selectedDebuggerIdentifier = "Xcode.DebuggerFoundation.Debugger.LLDB"
       selectedLauncherIdentifier = "Xcode.DebuggerFoundation.Launcher.LLDB"
       customLLDBInitFile = "$(SRCROOT)/Flutter/ephemeral/flutter_lldbinit"

ios/Runner/RecordingPlugin.swift

@@ -129,14 +129,30 @@ private final class RecordingCameraController: NSObject, AVCaptureFileOutputReco
   var statusListener: (([String: Any]) -> Void)?
 
   func attach(previewView: RecordingPreviewView) {
-    self.previewView = previewView
+    let bindPreview = { [weak self, weak previewView] in
-    previewView.previewLayer.session = session
+      guard let self, let previewView else { return }
+      self.previewView = previewView
+      previewView.previewLayer.session = self.session
+    }
+    if Thread.isMainThread {
+      bindPreview()
+    } else {
+      DispatchQueue.main.async(execute: bindPreview)
+    }
   }
 
   func detach(previewView: RecordingPreviewView) {
-    if self.previewView === previewView {
+    let unbindPreview = { [weak self, weak previewView] in
-      self.previewView?.previewLayer.session = nil
+      guard let self, let previewView else { return }
-      self.previewView = nil
+      if self.previewView === previewView {
+        previewView.previewLayer.session = nil
+        self.previewView = nil
+      }
+    }
+    if Thread.isMainThread {
+      unbindPreview()
+    } else {
+      DispatchQueue.main.async(execute: unbindPreview)
     }
   }
 

lib/features/dialog/dialog-record.dart

@@ -8,6 +8,8 @@ import 'package:recording_tool/gen/assets.gen.dart';
 class RecordDialog extends StatelessWidget {
   const RecordDialog({super.key, required this.title, required this.actions});
 
+  static const _transitionDuration = Duration(milliseconds: 280);
+
   final String title;
   final List<RecordDialogAction> actions;
 
@@ -18,8 +20,8 @@ class RecordDialog extends StatelessWidget {
     VoidCallback? onPressed,
     bool barrierDismissible = true,
   }) {
-    return showDialog<void>(
+    return _present(
-      context: context,
+      context,
       barrierDismissible: barrierDismissible,
       builder: (dialogContext) {
         return RecordDialog(
@@ -47,8 +49,8 @@ class RecordDialog extends StatelessWidget {
     VoidCallback? onRightPressed,
     bool barrierDismissible = false,
   }) {
-    return showDialog<void>(
+    return _present(
-      context: context,
+      context,
       barrierDismissible: barrierDismissible,
       builder: (dialogContext) {
         return RecordDialog(
@@ -74,6 +76,51 @@ class RecordDialog extends StatelessWidget {
     );
   }
 
+  static Future<void> _present(
+    BuildContext context, {
+    required Widget Function(BuildContext dialogContext) builder,
+    required bool barrierDismissible,
+  }) {
+    return showGeneralDialog<void>(
+      context: context,
+      barrierDismissible: barrierDismissible,
+      barrierLabel: MaterialLocalizations.of(context).modalBarrierDismissLabel,
+      barrierColor: Colors.black54,
+      transitionDuration: _transitionDuration,
+      pageBuilder: (dialogContext, animation, secondaryAnimation) {
+        return builder(dialogContext);
+      },
+      transitionBuilder: _buildTransition,
+    );
+  }
+
+  static Widget _buildTransition(
+    BuildContext context,
+    Animation<double> animation,
+    Animation<double> secondaryAnimation,
+    Widget child,
+  ) {
+    final curved = CurvedAnimation(
+      parent: animation,
+      curve: Curves.easeOutCubic,
+      reverseCurve: Curves.easeInCubic,
+    );
+
+    return FadeTransition(
+      opacity: curved,
+      child: SlideTransition(
+        position: Tween<Offset>(
+          begin: const Offset(0, 0.08),
+          end: Offset.zero,
+        ).animate(curved),
+        child: ScaleTransition(
+          scale: Tween<double>(begin: 0.92, end: 1).animate(curved),
+          child: child,
+        ),
+      ),
+    );
+  }
+
   @override
   Widget build(BuildContext context) {
     final actionWidgets = actions

lib/features/recording/pages/page_record.dart

@@ -98,7 +98,7 @@ class _RecordingPageState extends ConsumerState<RecordingPage> {
     return '录制完成';
   }
 
-  /// 从剪贴板粘贴赛事信息（与 header「粘贴赛事信息」一致）。
+  /// 从剪贴板粘贴赛事信息（与 header「粘贴选手信息」一致）。
   Future<void> _pasteEventInfo() async {
     final result = await ref
         .read(recordingViewModelProvider.notifier)
@@ -167,6 +167,18 @@ class _RecordingPageState extends ConsumerState<RecordingPage> {
     await ref.read(recordingViewModelProvider.notifier).startRecording();
   }
 
+  /// 停止录制并按结果显示保存提示。
+  Future<void> _stopRecordingAndShowResult() async {
+    await ref.read(recordingViewModelProvider.notifier).stopRecording();
+    if (!mounted) return;
+    final latest = ref.read(recordingViewModelProvider).session;
+    if (latest.gallerySaveFailed) {
+      AppToast.show(latest.errorMessage ?? '保存到相册失败，请开启相册权限');
+      return;
+    }
+    await _showRecordingSavedDialogIfNeeded();
+  }
+
   /// 清空剪贴板信息，准备新一轮录制
   void _clearClipboardForNewRound() {
     final notifier = ref.read(recordingViewModelProvider.notifier);
@@ -227,32 +239,13 @@ class _RecordingPageState extends ConsumerState<RecordingPage> {
   @override
   /// 构建录制页 UI
   Widget build(BuildContext context) {
-    final recordingInfo = ref.watch(recordingViewModelProvider);
+    return _RecordingPopScope(
-    final state = recordingInfo.session;
+      onExitRecordingMode: _exitRecordingMode,
-    final viewModel = ref.read(recordingViewModelProvider.notifier);
-    final clipboard = recordingInfo.clipboardRecordingModel;
-    final showClipboardInfo = recordingInfo.hasValidClipboardInfo;
-
-    return PopScope(
-      canPop: !state.isRecording,
-      onPopInvokedWithResult: (didPop, result) async {
-        if (didPop) {
-          await _exitRecordingMode();
-          return;
-        }
-        if (state.isRecording) {
-          AppToast.show('录制中无法返回，请先停止录制');
-        }
-      },
       child: Scaffold(
         backgroundColor: Colors.black,
         body: Column(
           children: [
-            RecordHeaderWidget(
+            _RecordHeaderSection(
-              hasValidClipboardInfo: showClipboardInfo,
-              eventTitle: showClipboardInfo ? clipboard.title : null,
-              isRecording: state.isRecording,
-              elapsedLabel: state.elapsedLabel,
               onPasteEventInfo: _pasteEventInfo,
               onClearEventInfo: _clearClipboardForNewRound,
             ),
@@ -260,45 +253,16 @@ class _RecordingPageState extends ConsumerState<RecordingPage> {
               child: Stack(
                 children: [
                   const CameraPreviewWidget(),
-                  if (!state.isPreviewReady && state.errorMessage == null)
+                  const _PreviewLoadingLayer(),
-                    const RecordingLoadingOverlayWidget(message: '正在启动相机…'),
                   const RecordTimerWidget(),
-                  RecordingHudWidget(
+                  _RecordingHudLayer(
-                    state: state,
-                    showClipboardHint: showClipboardInfo,
-                    clipboardAddress: clipboard.address.trim(),
                     onStart: _onStartRecording,
-                    onStop: () async {
+                    onStop: _stopRecordingAndShowResult,
-                      await viewModel.stopRecording();
-                      if (!context.mounted) return;
-                      final latest = ref
-                          .read(recordingViewModelProvider)
-                          .session;
-                      if (latest.gallerySaveFailed) {
-                        AppToast.show(latest.errorMessage ?? '保存到相册失败，请开启相册权限');
-                        return;
-                      }
-                      await _showRecordingSavedDialogIfNeeded();
-                    },
-                    onOpenDnd: () async {
-                      await viewModel.openDndSettings();
-                      await viewModel.refreshDndAccess();
-                    },
-                    onOpenBattery: () async {
-                      await viewModel.openBatterySettings();
-                      await viewModel.refreshBatteryOptimization();
-                    },
-                    onToggleTouchLock: () {
-                      viewModel.setTouchLocked(!state.isTouchLocked);
-                    },
                   ),
-                  if (state.isTouchLocked && state.isRecording)
+                  _TouchLockOverlayLayer(
-                    RecordingTouchLockOverlayWidget(
+                    onStopRecording: _stopRecordingAndShowResult,
-                      enabled: true,
+                  ),
-                      onUnlocked: () => viewModel.setTouchLocked(false),
+                  const _StartingRecordingOverlay(),
-                    ),
-                  if (state.isStartingRecording)
-                    const RecordingLoadingOverlayWidget(message: '正在开始录制…'),
                 ],
               ),
             ),
@@ -309,3 +273,207 @@ class _RecordingPageState extends ConsumerState<RecordingPage> {
     );
   }
 }
+
+class _RecordingPopScope extends ConsumerWidget {
+  const _RecordingPopScope({
+    required this.onExitRecordingMode,
+    required this.child,
+  });
+
+  final Future<void> Function() onExitRecordingMode;
+  final Widget child;
+
+  @override
+  Widget build(BuildContext context, WidgetRef ref) {
+    final isRecording = ref.watch(
+      recordingViewModelProvider.select((m) => m.session.isRecording),
+    );
+
+    return PopScope(
+      canPop: !isRecording,
+      onPopInvokedWithResult: (didPop, result) async {
+        if (didPop) {
+          await onExitRecordingMode();
+          return;
+        }
+        if (isRecording) {
+          AppToast.show('录制中无法返回，请先停止录制');
+        }
+      },
+      child: child,
+    );
+  }
+}
+
+class _RecordHeaderSection extends ConsumerWidget {
+  const _RecordHeaderSection({
+    required this.onPasteEventInfo,
+    required this.onClearEventInfo,
+  });
+
+  final Future<void> Function() onPasteEventInfo;
+  final VoidCallback onClearEventInfo;
+
+  @override
+  Widget build(BuildContext context, WidgetRef ref) {
+    final headerState = ref.watch(
+      recordingViewModelProvider.select(
+        (m) => (
+          m.hasValidClipboardInfo,
+          m.hasValidClipboardInfo ? m.clipboardRecordingModel.title : null,
+          m.session.isRecording,
+        ),
+      ),
+    );
+    final (hasValidClipboardInfo, eventTitle, isRecording) = headerState;
+
+    return RecordHeaderWidget(
+      hasValidClipboardInfo: hasValidClipboardInfo,
+      eventTitle: eventTitle,
+      isRecording: isRecording,
+      onPasteEventInfo: onPasteEventInfo,
+      onClearEventInfo: onClearEventInfo,
+    );
+  }
+}
+
+class _PreviewLoadingLayer extends ConsumerWidget {
+  const _PreviewLoadingLayer();
+
+  @override
+  Widget build(BuildContext context, WidgetRef ref) {
+    final showLoading = ref.watch(
+      recordingViewModelProvider.select(
+        (m) => !m.session.isPreviewReady && m.session.errorMessage == null,
+      ),
+    );
+
+    if (!showLoading) {
+      return const SizedBox.shrink();
+    }
+
+    return const RecordingLoadingOverlayWidget(message: '正在启动相机…');
+  }
+}
+
+class _RecordingHudLayer extends ConsumerWidget {
+  const _RecordingHudLayer({
+    required this.onStart,
+    required this.onStop,
+  });
+
+  final Future<void> Function() onStart;
+  final Future<void> Function() onStop;
+
+  @override
+  Widget build(BuildContext context, WidgetRef ref) {
+    final hudState = ref.watch(
+      recordingViewModelProvider.select(
+        (m) => (
+          m.session.errorMessage,
+          m.session.permissionWarning,
+          m.session.hasDndAccess,
+          m.session.isBatteryOptimizedIgnored,
+          m.session.notificationsGranted,
+          m.session.isRecording,
+          m.session.isStartingRecording,
+          m.session.isTouchLocked,
+          m.hasValidClipboardInfo,
+          m.clipboardRecordingModel.address.trim(),
+        ),
+      ),
+    );
+    final (
+      errorMessage,
+      permissionWarning,
+      hasDndAccess,
+      isBatteryOptimizedIgnored,
+      notificationsGranted,
+      isRecording,
+      isStartingRecording,
+      isTouchLocked,
+      showClipboardHint,
+      clipboardAddress,
+    ) = hudState;
+    final viewModel = ref.read(recordingViewModelProvider.notifier);
+
+    return RecordingHudWidget(
+      errorMessage: errorMessage,
+      permissionWarning: permissionWarning,
+      hasDndAccess: hasDndAccess,
+      isBatteryOptimizedIgnored: isBatteryOptimizedIgnored,
+      notificationsGranted: notificationsGranted,
+      isRecording: isRecording,
+      isStartingRecording: isStartingRecording,
+      isTouchLocked: isTouchLocked,
+      showClipboardHint: showClipboardHint,
+      clipboardAddress: clipboardAddress,
+      onStart: onStart,
+      onStop: onStop,
+      onOpenDnd: () async {
+        await viewModel.openDndSettings();
+        await viewModel.refreshDndAccess();
+      },
+      onOpenBattery: () async {
+        await viewModel.openBatterySettings();
+        await viewModel.refreshBatteryOptimization();
+      },
+      onToggleTouchLock: () {
+        final locked = ref.read(recordingViewModelProvider).session.isTouchLocked;
+        viewModel.setTouchLocked(!locked);
+      },
+    );
+  }
+}
+
+class _TouchLockOverlayLayer extends ConsumerWidget {
+  const _TouchLockOverlayLayer({required this.onStopRecording});
+
+  final Future<void> Function() onStopRecording;
+
+  @override
+  Widget build(BuildContext context, WidgetRef ref) {
+    final overlayState = ref.watch(
+      recordingViewModelProvider.select(
+        (m) => (m.session.isTouchLocked, m.session.isRecording),
+      ),
+    );
+    final (isTouchLocked, isRecording) = overlayState;
+
+    if (!isTouchLocked || !isRecording) {
+      return const SizedBox.shrink();
+    }
+
+    final viewModel = ref.read(recordingViewModelProvider.notifier);
+
+    return RecordingTouchLockOverlayWidget(
+      enabled: true,
+      onUnlocked: (intent) async {
+        viewModel.setTouchLocked(false);
+        if (intent == RecordingTouchLockUnlockIntent.stopRecording) {
+          await onStopRecording();
+        }
+      },
+    );
+  }
+}
+
+class _StartingRecordingOverlay extends ConsumerWidget {
+  const _StartingRecordingOverlay();
+
+  @override
+  Widget build(BuildContext context, WidgetRef ref) {
+    final isStartingRecording = ref.watch(
+      recordingViewModelProvider.select((m) => m.session.isStartingRecording),
+    );
+
+    if (!isStartingRecording) {
+      return const SizedBox.shrink();
+    }
+
+    return RecordingLoadingOverlayWidget(
+      message: '正在开始录制…',
+      backgroundColor: Colors.black.withValues(alpha: 0.24),
+    );
+  }
+}

lib/features/recording/view-model/view_model_recording.dart

@@ -31,6 +31,19 @@ enum ClipboardReadResult {
   invalid,
 }
 
+List<Permission> recordingGalleryPermissionsForHost({
+  required bool isIOS,
+  required bool isAndroid,
+}) {
+  if (isIOS) {
+    return [Permission.photosAddOnly];
+  }
+  if (isAndroid) {
+    return [Permission.videos, Permission.storage];
+  }
+  return const [];
+}
+
 /// 开始录制所需的相机/麦克风权限检测结果。
 class RecordingRequiredPermissions {
   const RecordingRequiredPermissions({
@@ -221,7 +234,9 @@ class RecordingViewModel extends Notifier<RecordingModel> {
   Future<void> restorePreview() async {
     if (!RecordingPlatform.isSupported) return;
 
-    _updateSession((s) => s.copyWith(isPreviewReady: false, errorMessage: null));
+    _updateSession(
+      (s) => s.copyWith(isPreviewReady: false, errorMessage: null),
+    );
     try {
       final status = await _initializePreviewWithRetry();
       _updateSession(
@@ -245,13 +260,10 @@ class RecordingViewModel extends Notifier<RecordingModel> {
 
   /// 当前平台所需的相册/视频保存权限列表。
   List<Permission> _galleryPermissions() {
-    if (Platform.isIOS) {
+    return recordingGalleryPermissionsForHost(
-      return [Permission.photosAddOnly, Permission.photos];
+      isIOS: Platform.isIOS,
-    }
+      isAndroid: Platform.isAndroid,
-    if (Platform.isAndroid) {
+    );
-      return [Permission.videos, Permission.storage];
-    }
-    return const [];
   }
 
   /// 判断相册相关权限是否至少有一项已授予。
@@ -267,7 +279,8 @@ class RecordingViewModel extends Notifier<RecordingModel> {
   }
 
   /// 检测并尝试申请相机、麦克风权限，同步更新 session 中的 isMicrophoneGranted。
-  Future<RecordingRequiredPermissions> ensureCameraAndMicrophonePermissions() async {
+  Future<RecordingRequiredPermissions>
+  ensureCameraAndMicrophonePermissions() async {
     final permissions = await PermissionService.requestMissing([
       Permission.camera,
       Permission.microphone,
@@ -303,9 +316,7 @@ class RecordingViewModel extends Notifier<RecordingModel> {
       return;
     }
     if (!session.isPreviewReady) {
-      _updateSession(
+      _updateSession((s) => s.copyWith(errorMessage: '相机预览未就绪，请稍后重试'));
-        (s) => s.copyWith(errorMessage: '相机预览未就绪，请稍后重试'),
-      );
       return;
     }
 

lib/features/recording/widgets/record_content_transition.dart

@@ -0,0 +1,49 @@
+import 'package:flutter/material.dart';
+
+/// 录制页内容切换时的统一过渡动画。
+class RecordContentTransition {
+  RecordContentTransition._();
+
+  static const duration = Duration(milliseconds: 600);
+
+  static Widget builder(Widget child, Animation<double> animation) {
+    final curved = CurvedAnimation(
+      parent: animation,
+      curve: Curves.easeOutCubic,
+      reverseCurve: Curves.easeInCubic,
+    );
+
+    return FadeTransition(
+      opacity: curved,
+      child: SlideTransition(
+        position: Tween<Offset>(
+          begin: const Offset(0, 0.12),
+          end: Offset.zero,
+        ).animate(curved),
+        child: child,
+      ),
+    );
+  }
+
+  static Widget stackLayoutBuilder(
+    Widget? currentChild,
+    List<Widget> previousChildren,
+  ) {
+    return Stack(
+      alignment: Alignment.center,
+      clipBehavior: Clip.none,
+      children: [...previousChildren, ?currentChild],
+    );
+  }
+
+  static Widget bottomStackLayoutBuilder(
+    Widget? currentChild,
+    List<Widget> previousChildren,
+  ) {
+    return Stack(
+      alignment: Alignment.bottomLeft,
+      clipBehavior: Clip.none,
+      children: [...previousChildren, ?currentChild],
+    );
+  }
+}

lib/features/recording/widgets/widget_clipboard_address_clock_chip.dart

@@ -3,6 +3,7 @@ import 'dart:async';
 import 'package:flutter/material.dart';
 import 'package:flutter_screenutil/flutter_screenutil.dart';
 import 'package:recording_tool/core/utils/date_time_formatter.dart';
+import 'package:recording_tool/features/recording/widgets/record_content_transition.dart';
 
 /// 左下角实时时钟与剪贴板地址
 class ClipboardAddressClockChipWidget extends StatefulWidget {
@@ -48,14 +49,32 @@ class _ClipboardAddressClockChipWidgetState
 
   @override
   Widget build(BuildContext context) {
-    return Column(
+    return AnimatedSize(
-      crossAxisAlignment: CrossAxisAlignment.start,
+      duration: RecordContentTransition.duration,
-      mainAxisSize: MainAxisSize.min,
+      curve: Curves.easeOutCubic,
-      children: [
+      alignment: Alignment.topLeft,
-        Text(_nowText, style: _textStyle),
+      clipBehavior: Clip.none,
-        if (widget.address.isNotEmpty)
+      child: Column(
-          Text(widget.address, style: _textStyle),
+        crossAxisAlignment: CrossAxisAlignment.start,
-      ],
+        mainAxisSize: MainAxisSize.min,
+        children: [
+          Text(_nowText, style: _textStyle),
+          AnimatedSwitcher(
+            duration: RecordContentTransition.duration,
+            switchInCurve: Curves.easeOutCubic,
+            switchOutCurve: Curves.easeInCubic,
+            layoutBuilder: RecordContentTransition.bottomStackLayoutBuilder,
+            transitionBuilder: RecordContentTransition.builder,
+            child: widget.address.isNotEmpty
+                ? Text(
+                    widget.address,
+                    key: ValueKey(widget.address),
+                    style: _textStyle,
+                  )
+                : const SizedBox.shrink(key: ValueKey('clipboard-address-empty')),
+          ),
+        ],
+      ),
     );
   }
 }

lib/features/recording/widgets/widget_record_header.dart

@@ -1,6 +1,7 @@
 import 'package:flutter/material.dart';
 import 'package:flutter/services.dart';
 import 'package:flutter_screenutil/flutter_screenutil.dart';
+import 'package:recording_tool/features/recording/widgets/record_content_transition.dart';
 import 'package:recording_tool/gen/assets.gen.dart';
 import 'package:recording_tool/shared/widgets/app_toast.dart';
 
@@ -11,7 +12,6 @@ class RecordHeaderWidget extends StatelessWidget {
     required this.hasValidClipboardInfo,
     this.eventTitle,
     required this.isRecording,
-    required this.elapsedLabel,
     required this.onPasteEventInfo,
     required this.onClearEventInfo,
   });
@@ -19,7 +19,6 @@ class RecordHeaderWidget extends StatelessWidget {
   final bool hasValidClipboardInfo;
   final String? eventTitle;
   final bool isRecording;
-  final String elapsedLabel;
   final Future<void> Function() onPasteEventInfo;
   final VoidCallback onClearEventInfo;
 
@@ -27,9 +26,22 @@ class RecordHeaderWidget extends StatelessWidget {
 
   bool get _showEventTitle => hasValidClipboardInfo;
 
+  Widget _buildAnimatedHeaderContent() {
+    if (_showEventTitle) {
+      return _HeaderEventTitleRow(
+        key: ValueKey('title-${eventTitle ?? ''}'),
+        title: eventTitle ?? '',
+        isRecording: isRecording,
+        onClearEventInfo: onClearEventInfo,
+      );
+    }
+
+    return const SizedBox.shrink(key: ValueKey('header-empty'));
+  }
+
   void _mockCopyEventInfo() {
     const strTemp =
-        '{"title":"郑昌梦 丨黄伟依 空中格斗赛 小学组","address":"广东省汕头市番禺区青蓝街 111 号","filename":"郑昌梦_黄伟依_6月3日测试-1_空中格斗赛"}';
+        '{"title":"蔡依婷vs夏志豪 空中格斗赛 初中组","address":"黑龙江省鹤岗市11111","filename":"蔡依婷_夏志豪_测试循环赛-7_空中格斗赛"}';
     Clipboard.setData(const ClipboardData(text: strTemp));
     AppToast.show('模拟复制赛事信息成功');
   }
@@ -47,23 +59,32 @@ class RecordHeaderWidget extends StatelessWidget {
             children: [
               Image.asset(
                 Assets.images.imageLogo.path,
-                width: 84.r,
+                width: 24.r,
                 height: 24.r,
                 fit: BoxFit.contain,
               ),
               Expanded(
-                child: _showEventTitle
+                child: Stack(
-                    ? _HeaderEventTitleRow(
+                  alignment: Alignment.center,
-                        title: eventTitle ?? '',
+                  children: [
-                        isRecording: isRecording,
+                    AnimatedSwitcher(
-                        onClearEventInfo: onClearEventInfo,
+                      duration: RecordContentTransition.duration,
-                      )
+                      switchInCurve: Curves.easeOutCubic,
-                    : _showPasteButtons
+                      switchOutCurve: Curves.easeInCubic,
-                    ? _HeaderPasteActions(
+                      layoutBuilder: RecordContentTransition.stackLayoutBuilder,
-                        onMockCopy: _mockCopyEventInfo,
+                      transitionBuilder: RecordContentTransition.builder,
-                        onPasteEventInfo: onPasteEventInfo,
+                      child: _buildAnimatedHeaderContent(),
-                      )
+                    ),
-                    : const SizedBox.shrink(),
+                    if (_showPasteButtons)
+                      Align(
+                        alignment: Alignment.centerRight,
+                        child: _HeaderPasteActions(
+                          onMockCopy: _mockCopyEventInfo,
+                          onPasteEventInfo: onPasteEventInfo,
+                        ),
+                      ),
+                  ],
+                ),
               ),
             ],
           ),
@@ -75,6 +96,7 @@ class RecordHeaderWidget extends StatelessWidget {
 
 class _HeaderEventTitleRow extends StatelessWidget {
   const _HeaderEventTitleRow({
+    super.key,
     required this.title,
     required this.isRecording,
     required this.onClearEventInfo,
@@ -92,28 +114,43 @@ class _HeaderEventTitleRow extends StatelessWidget {
   @override
   Widget build(BuildContext context) {
     return Row(
-      mainAxisAlignment: MainAxisAlignment.end,
+      mainAxisAlignment: MainAxisAlignment.center,
       children: [
         Expanded(
-          child: Text(
+          child: AnimatedSwitcher(
-            title,
+            duration: RecordContentTransition.duration,
-            style: _overlayTextStyle.copyWith(
+            switchInCurve: Curves.easeOutCubic,
-              fontSize: 12.sp,
+            switchOutCurve: Curves.easeInCubic,
-              fontWeight: FontWeight.w600,
+            transitionBuilder: RecordContentTransition.builder,
+            child: Text(
+              title,
+              key: ValueKey(title),
+              style: _overlayTextStyle.copyWith(
+                fontSize: 12.sp,
+                fontWeight: FontWeight.w600,
+              ),
+              textAlign: TextAlign.center,
+              maxLines: 3,
+              overflow: TextOverflow.ellipsis,
             ),
-            textAlign: TextAlign.right,
-            maxLines: 3,
-            overflow: TextOverflow.ellipsis,
           ),
         ),
-        if (!isRecording)
+        !isRecording
-          IconButton(
+            ? IconButton(
-            onPressed: onClearEventInfo,
+                key: const ValueKey('clear-event-info'),
-            icon: Icon(Icons.delete_outline, color: Colors.white, size: 22.r),
+                onPressed: onClearEventInfo,
-            padding: EdgeInsets.zero,
+                icon: Assets.images.imageDelete.image(
-            constraints: BoxConstraints(minWidth: 40.r, minHeight: 40.r),
+                  width: 15.r,
-            tooltip: '删除',
+                  height: 15.r,
-          ),
+                  fit: BoxFit.contain,
+                  excludeFromSemantics: true,
+                ),
+                padding: EdgeInsets.zero,
+                constraints: BoxConstraints(minWidth: 40.r, minHeight: 40.r),
+                alignment: Alignment.centerRight,
+                tooltip: '删除',
+              )
+            : const SizedBox.shrink(key: ValueKey('clear-event-info-hidden')),
       ],
     );
   }
@@ -133,10 +170,16 @@ class _HeaderPasteActions extends StatelessWidget {
     return Row(
       mainAxisAlignment: MainAxisAlignment.end,
       children: [
-        _HeaderActionButton(label: 'mock', onPressed: onMockCopy),
+        // _HeaderActionButton(label: 'mock', onPressed: onMockCopy),
         _HeaderActionButton(
           label: '粘贴选手信息',
           onPressed: () => onPasteEventInfo(),
+          icon: Assets.images.imageCopy.image(
+            width: 10.r,
+            height: 10.r,
+            fit: BoxFit.contain,
+            excludeFromSemantics: true,
+          ),
         ),
       ],
     );
@@ -144,23 +187,32 @@ class _HeaderPasteActions extends StatelessWidget {
 }
 
 class _HeaderActionButton extends StatelessWidget {
-  const _HeaderActionButton({required this.label, required this.onPressed});
+  const _HeaderActionButton({
+    required this.label,
+    required this.onPressed,
+    this.icon,
+  });
 
   final String label;
   final VoidCallback onPressed;
+  final Widget? icon;
 
   @override
   Widget build(BuildContext context) {
     return TextButton.icon(
       onPressed: onPressed,
-      icon: Icon(Icons.content_paste, size: 18.r),
+      icon: icon ?? Icon(Icons.content_paste, size: 10.r),
       label: Text(label),
+
       style: TextButton.styleFrom(
+        minimumSize: Size.zero, // 取消 40dp 最小高度
+        tapTargetSize: MaterialTapTargetSize.shrinkWrap, // 取消额外点击热区
         foregroundColor: Colors.white,
         backgroundColor: Colors.black.withValues(alpha: 0.5),
-        padding: EdgeInsets.symmetric(horizontal: 14.r, vertical: 8.r),
+        textStyle: TextStyle(fontSize: 10.sp),
+        padding: EdgeInsets.symmetric(horizontal: 7.r, vertical: 4.r),
         shape: RoundedRectangleBorder(
-          borderRadius: BorderRadius.circular(20.r),
+          borderRadius: BorderRadius.circular(25.r),
           side: const BorderSide(color: Colors.white30),
         ),
       ),

lib/features/recording/widgets/widget_record_timer.dart

@@ -13,18 +13,22 @@ class RecordTimerWidget extends ConsumerStatefulWidget {
 class _RecordTimerWidgetState extends ConsumerState<RecordTimerWidget> {
   @override
   Widget build(BuildContext context) {
-    final session = ref.watch(
+    final timerState = ref.watch(
-      recordingViewModelProvider.select((value) => value.session),
+      recordingViewModelProvider.select(
+        (m) => (m.session.isRecording, m.session.elapsedLabel),
+      ),
     );
-    final isRecording = session.isRecording;
+    final (isRecording, elapsedLabel) = timerState;
-    final displayTime = isRecording ? session.elapsedLabel : '00:00:00';
+    final displayTime = isRecording ? elapsedLabel : '00:00:00';
 
     return Positioned(
       top: 13.r,
       left: 0,
       right: 0,
       child: Center(
-        child: Container(
+        child: AnimatedContainer(
+          duration: const Duration(milliseconds: 380),
+          curve: Curves.easeOutCubic,
           padding: EdgeInsets.symmetric(horizontal: 5.r, vertical: 0.r),
           decoration: BoxDecoration(
             color: isRecording ? Colors.red : Colors.transparent,
@@ -33,7 +37,7 @@ class _RecordTimerWidgetState extends ConsumerState<RecordTimerWidget> {
           child: Text(
             displayTime,
             style: TextStyle(
-              color: isRecording ? Colors.white : Colors.white70,
+              color: Colors.white,
               fontSize: 20.sp,
               shadows: [Shadow(color: Colors.black54, blurRadius: 6.r)],
             ),

lib/features/recording/widgets/widget_recording_button.dart

@@ -0,0 +1,165 @@
+import 'dart:ui' show lerpDouble;
+
+import 'package:flutter/material.dart';
+import 'package:flutter_screenutil/flutter_screenutil.dart';
+
+/// 录制控制按钮：白圈 + 红色内芯，录制中为圆角矩形。
+class RecordingControlButton extends StatefulWidget {
+  const RecordingControlButton({
+    super.key,
+    required this.isRecording,
+    required this.onTap,
+    this.isStartingRecording = false,
+    this.enabled = true,
+    this.size,
+  });
+
+  final bool isRecording;
+  final bool isStartingRecording;
+  final VoidCallback? onTap;
+  final bool enabled;
+  final double? size;
+
+  @override
+  State<RecordingControlButton> createState() => _RecordingControlButtonState();
+}
+
+class _RecordingControlButtonState extends State<RecordingControlButton>
+    with TickerProviderStateMixin {
+  static const _morphDuration = Duration(milliseconds: 380);
+  static const _pressDownDuration = Duration(milliseconds: 120);
+  static const _pressUpDuration = Duration(milliseconds: 180);
+
+  late final AnimationController _morphController;
+  late final AnimationController _pressController;
+  late final CurvedAnimation _morphAnimation;
+  late final Animation<double> _pressScale;
+
+  bool get _targetIsRecording =>
+      widget.isRecording || widget.isStartingRecording;
+
+  @override
+  void initState() {
+    super.initState();
+    _morphController = AnimationController(
+      vsync: this,
+      duration: _morphDuration,
+      value: _targetIsRecording ? 1 : 0,
+    );
+    _morphAnimation = CurvedAnimation(
+      parent: _morphController,
+      curve: Curves.easeOutCubic,
+      reverseCurve: Curves.easeInCubic,
+    );
+    _pressController = AnimationController(
+      vsync: this,
+      duration: _pressDownDuration,
+    );
+    _pressScale = Tween<double>(begin: 1, end: 0.94).animate(
+      CurvedAnimation(
+        parent: _pressController,
+        curve: Curves.easeOut,
+        reverseCurve: Curves.easeOutBack,
+      ),
+    );
+  }
+
+  @override
+  void didUpdateWidget(covariant RecordingControlButton oldWidget) {
+    super.didUpdateWidget(oldWidget);
+    final oldTarget =
+        oldWidget.isRecording || oldWidget.isStartingRecording;
+    final newTarget = _targetIsRecording;
+    if (oldTarget != newTarget) {
+      if (newTarget) {
+        _morphController.forward();
+      } else {
+        _morphController.reverse();
+      }
+    }
+  }
+
+  @override
+  void dispose() {
+    _morphAnimation.dispose();
+    _morphController.dispose();
+    _pressController.dispose();
+    super.dispose();
+  }
+
+  void _handlePressDown() {
+    if (!widget.enabled) return;
+    _pressController.duration = _pressDownDuration;
+    _pressController.forward();
+  }
+
+  void _handlePressUp() {
+    if (!widget.enabled) return;
+    _pressController.duration = _pressUpDuration;
+    _pressController.reverse();
+  }
+
+  @override
+  Widget build(BuildContext context) {
+    final buttonSize = widget.size ?? 70.r;
+    final borderWidth = 4.r;
+    final idleInnerSize = 62.r;
+    final recordingInnerSize = 22.r;
+    final idleCornerRadius = idleInnerSize / 2;
+    final recordingCornerRadius = 6.r;
+
+    return GestureDetector(
+      behavior: HitTestBehavior.opaque,
+      onTapDown: (_) => _handlePressDown(),
+      onTapUp: (_) => _handlePressUp(),
+      onTapCancel: _handlePressUp,
+      onTap: widget.enabled ? widget.onTap : null,
+      child: AnimatedBuilder(
+        animation: Listenable.merge([_morphController, _pressController]),
+        builder: (context, child) {
+          final morph = _morphAnimation.value;
+
+          final innerSize = lerpDouble(
+            idleInnerSize,
+            recordingInnerSize,
+            morph,
+          )!;
+          final cornerRadius = lerpDouble(
+            idleCornerRadius,
+            recordingCornerRadius,
+            morph,
+          )!;
+
+          return Transform.scale(
+            scale: _pressScale.value,
+            child: SizedBox(
+              width: buttonSize,
+              height: buttonSize,
+              child: Stack(
+                alignment: Alignment.center,
+                children: [
+                  Container(
+                    width: buttonSize,
+                    height: buttonSize,
+                    decoration: BoxDecoration(
+                      shape: BoxShape.circle,
+                      border: Border.all(color: Colors.white, width: borderWidth),
+                    ),
+                  ),
+                  Container(
+                    width: innerSize,
+                    height: innerSize,
+                    decoration: BoxDecoration(
+                      color: Colors.red,
+                      borderRadius: BorderRadius.circular(cornerRadius),
+                    ),
+                  ),
+                ],
+              ),
+            ),
+          );
+        },
+      ),
+    );
+  }
+}

lib/features/recording/widgets/widget_recording_hud.dart

@@ -2,15 +2,23 @@ import 'package:flutter/material.dart';
 import 'package:flutter_screenutil/flutter_screenutil.dart';
 import 'package:permission_handler/permission_handler.dart';
 import 'package:recording_tool/core/utils/rate_limiter.dart';
-import 'package:recording_tool/features/recording/model/model_recording_session.dart';
+import 'package:recording_tool/features/recording/widgets/record_content_transition.dart';
 import 'package:recording_tool/features/recording/widgets/widget_clipboard_address_clock_chip.dart';
+import 'package:recording_tool/features/recording/widgets/widget_recording_button.dart';
 import 'package:recording_tool/features/recording/widgets/widget_recording_setup_hints.dart';
 
 /// 录制页 HUD 层（状态提示、录制控制）
 class RecordingHudWidget extends StatelessWidget {
   const RecordingHudWidget({
     super.key,
-    required this.state,
+    this.errorMessage,
+    this.permissionWarning,
+    required this.hasDndAccess,
+    required this.isBatteryOptimizedIgnored,
+    required this.notificationsGranted,
+    required this.isRecording,
+    required this.isStartingRecording,
+    required this.isTouchLocked,
     this.showClipboardHint = false,
     this.clipboardAddress = '',
     required this.onStart,
@@ -20,7 +28,14 @@ class RecordingHudWidget extends StatelessWidget {
     required this.onToggleTouchLock,
   });
 
-  final RecordingSessionState state;
+  final String? errorMessage;
+  final String? permissionWarning;
+  final bool hasDndAccess;
+  final bool isBatteryOptimizedIgnored;
+  final bool notificationsGranted;
+  final bool isRecording;
+  final bool isStartingRecording;
+  final bool isTouchLocked;
   final bool showClipboardHint;
   final String clipboardAddress;
   final Future<void> Function() onStart;
@@ -48,23 +63,23 @@ class RecordingHudWidget extends StatelessWidget {
             children: [
               SizedBox(height: 8.h),
               const Spacer(),
-              if (state.errorMessage != null)
+              if (errorMessage != null)
                 Padding(
                   padding: EdgeInsets.all(12.r),
                   child: Text(
-                    state.errorMessage!,
+                    errorMessage!,
                     style: const TextStyle(color: Colors.amber),
                     textAlign: TextAlign.center,
                   ),
                 ),
-              if (state.permissionWarning != null)
+              if (permissionWarning != null)
                 Padding(
                   padding: EdgeInsets.symmetric(
                     horizontal: 16.r,
                     vertical: 8.r,
                   ),
                   child: Text(
-                    state.permissionWarning!,
+                    permissionWarning!,
                     style: TextStyle(
                       color: Colors.orangeAccent,
                       fontSize: 12.sp,
@@ -73,9 +88,9 @@ class RecordingHudWidget extends StatelessWidget {
                   ),
                 ),
               RecordingSetupHintsWidget(
-                hasDndAccess: state.hasDndAccess,
+                hasDndAccess: hasDndAccess,
-                isBatteryIgnored: state.isBatteryOptimizedIgnored,
+                isBatteryIgnored: isBatteryOptimizedIgnored,
-                notificationsGranted: state.notificationsGranted,
+                notificationsGranted: notificationsGranted,
                 onOpenDnd: onOpenDnd,
                 onOpenBattery: onOpenBattery,
                 onOpenNotificationSettings: openAppSettings,
@@ -83,13 +98,24 @@ class RecordingHudWidget extends StatelessWidget {
             ],
           ),
         ),
-        if (showClipboardHint)
+        Positioned(
-          Positioned(
+          left: _overlayInfoLeft,
-            left: _overlayInfoLeft,
+          bottom: _overlayInfoBottom,
-            bottom: _overlayInfoBottom,
+          child: AnimatedSwitcher(
-            child: ClipboardAddressClockChipWidget(address: clipboardAddress),
+            duration: RecordContentTransition.duration,
+            switchInCurve: Curves.easeOutCubic,
+            switchOutCurve: Curves.easeInCubic,
+            layoutBuilder: RecordContentTransition.bottomStackLayoutBuilder,
+            transitionBuilder: RecordContentTransition.builder,
+            child: showClipboardHint
+                ? ClipboardAddressClockChipWidget(
+                    key: const ValueKey('clipboard-info'),
+                    address: clipboardAddress,
+                  )
+                : const SizedBox.shrink(key: ValueKey('clipboard-info-hidden')),
           ),
-        if (state.isRecording)
+        ),
+        if (isRecording)
           Positioned(
             left: 16.r,
             bottom: _recordButtonBottom,
@@ -99,7 +125,7 @@ class RecordingHudWidget extends StatelessWidget {
                 child: IconButton(
                   onPressed: onToggleTouchLock,
                   icon: Icon(
-                    state.isTouchLocked ? Icons.lock : Icons.lock_open,
+                    isTouchLocked ? Icons.lock : Icons.lock_open,
                     color: Colors.white,
                     size: 28.r,
                   ),
@@ -112,44 +138,32 @@ class RecordingHudWidget extends StatelessWidget {
           right: 0,
           bottom: _recordButtonBottom,
           child: Center(
-            child: GestureDetector(
+            child: RecordingControlButton(
-              onTap: state.isStartingRecording
+              isRecording: isRecording,
-                  ? null
+              isStartingRecording: isStartingRecording,
-                  : () async {
+              enabled: !isStartingRecording,
-                      if (state.isRecording) {
+              size: _recordButtonSize,
-                        RateLimit.instance.debounce<void>(
+              onTap: () {
-                          key: 'recording.session.stop',
+                if (isRecording) {
-                          value: null,
+                  RateLimit.instance.debounce<void>(
-                          duration: Duration(milliseconds: 300),
+                    key: 'recording.session.stop',
-                          onCallback: (_) async {
+                    value: null,
-                            await onStop();
+                    duration: Duration(milliseconds: 300),
-                          },
+                    onCallback: (_) async {
-                        );
+                      await onStop();
-                      } else {
-                        RateLimit.instance.debounce<void>(
-                          key: 'recording.session.start',
-                          value: null,
-                          duration: Duration(milliseconds: 300),
-                          onCallback: (_) async {
-                            await onStart();
-                          },
-                        );
-                      }
                     },
-              child: Container(
+                  );
-                width: _recordButtonSize,
+                } else {
-                height: _recordButtonSize,
+                  RateLimit.instance.debounce<void>(
-                decoration: BoxDecoration(
+                    key: 'recording.session.start',
-                  shape: BoxShape.circle,
+                    value: null,
-                  border: Border.all(color: Colors.white, width: 4.r),
+                    duration: Duration(milliseconds: 300),
-                  color: state.isRecording ? Colors.white : Colors.red,
+                    onCallback: (_) async {
-                ),
+                      await onStart();
-                child: Icon(
+                    },
-                  state.isRecording ? Icons.stop : Icons.fiber_manual_record,
+                  );
-                  color: state.isRecording ? Colors.red : Colors.white,
+                }
-                  size: 32.r,
+              },
-                ),
-              ),
             ),
           ),
         ),

lib/features/recording/widgets/widget_recording_loading_overlay.dart

@@ -3,15 +3,20 @@ import 'package:flutter_screenutil/flutter_screenutil.dart';
 
 /// 录制加载遮罩（相机启动/开始录制）
 class RecordingLoadingOverlayWidget extends StatelessWidget {
-  const RecordingLoadingOverlayWidget({super.key, required this.message});
+  const RecordingLoadingOverlayWidget({
+    super.key,
+    required this.message,
+    this.backgroundColor = Colors.black,
+  });
 
   final String message;
+  final Color backgroundColor;
 
   @override
   /// 显示加载动画与提示文案
   Widget build(BuildContext context) {
     return ColoredBox(
-      color: Colors.black,
+      color: backgroundColor,
       child: Center(
         child: Column(
           mainAxisSize: MainAxisSize.min,

lib/features/recording/widgets/widget_recording_touch_lock_overlay.dart

@@ -3,6 +3,31 @@ import 'dart:async';
 import 'package:flutter/material.dart';
 import 'package:flutter_screenutil/flutter_screenutil.dart';
 
+enum RecordingTouchLockUnlockIntent { unlockOnly, stopRecording }
+
+RecordingTouchLockUnlockIntent resolveRecordingTouchLockUnlockIntent({
+  required Offset position,
+  required Size size,
+  double stopZoneFraction = 0.3,
+}) {
+  if (size.width <= 0 || size.height <= 0 || stopZoneFraction <= 0) {
+    return RecordingTouchLockUnlockIntent.unlockOnly;
+  }
+
+  final normalizedStopZone = stopZoneFraction.clamp(0.0, 1.0);
+  if (size.width <= size.height) {
+    final stopZoneTop = size.height * (1 - normalizedStopZone);
+    return position.dy >= stopZoneTop
+        ? RecordingTouchLockUnlockIntent.stopRecording
+        : RecordingTouchLockUnlockIntent.unlockOnly;
+  }
+
+  final stopZoneLeft = size.width * (1 - normalizedStopZone);
+  return position.dx >= stopZoneLeft
+      ? RecordingTouchLockUnlockIntent.stopRecording
+      : RecordingTouchLockUnlockIntent.unlockOnly;
+}
+
 class RecordingTouchLockOverlayWidget extends StatefulWidget {
   const RecordingTouchLockOverlayWidget({
     super.key,
@@ -12,7 +37,7 @@ class RecordingTouchLockOverlayWidget extends StatefulWidget {
   });
 
   final bool enabled;
-  final VoidCallback onUnlocked;
+  final ValueChanged<RecordingTouchLockUnlockIntent> onUnlocked;
   final Duration unlockHoldDuration;
 
   @override
@@ -24,6 +49,9 @@ class _RecordingTouchLockOverlayWidgetState
     extends State<RecordingTouchLockOverlayWidget> {
   Timer? _holdTimer;
   bool _isHolding = false;
+  int? _remainingSeconds;
+  Offset? _holdStartPosition;
+  Size? _holdStartSize;
 
   @override
   void didUpdateWidget(RecordingTouchLockOverlayWidget oldWidget) {
@@ -35,25 +63,58 @@ class _RecordingTouchLockOverlayWidgetState
 
   @override
   void dispose() {
-    _cancelHold();
+    _holdTimer?.cancel();
+    _holdTimer = null;
     super.dispose();
   }
 
   void _cancelHold() {
     _holdTimer?.cancel();
     _holdTimer = null;
-    _isHolding = false;
+    if (!_isHolding && _remainingSeconds == null) return;
+    setState(() {
+      _isHolding = false;
+      _remainingSeconds = null;
+      _holdStartPosition = null;
+      _holdStartSize = null;
+    });
   }
 
-  void _startHold() {
+  void _startHold(Offset position, Size size) {
     if (!widget.enabled) return;
-    setState(() => _isHolding = true);
+    final totalSeconds = widget.unlockHoldDuration.inSeconds;
     _holdTimer?.cancel();
-    _holdTimer = Timer(widget.unlockHoldDuration, () {
+    setState(() {
-      if (!mounted) return;
+      _isHolding = true;
-      _cancelHold();
+      _remainingSeconds = totalSeconds;
-      widget.onUnlocked();
+      _holdStartPosition = position;
-      setState(() {});
+      _holdStartSize = size;
+    });
+
+    var elapsed = 0;
+    _holdTimer = Timer.periodic(const Duration(seconds: 1), (timer) {
+      elapsed += 1;
+      if (!mounted) {
+        timer.cancel();
+        return;
+      }
+      if (elapsed >= totalSeconds) {
+        timer.cancel();
+        _holdTimer = null;
+        final intent = resolveRecordingTouchLockUnlockIntent(
+          position: _holdStartPosition ?? Offset.zero,
+          size: _holdStartSize ?? Size.zero,
+        );
+        setState(() {
+          _isHolding = false;
+          _remainingSeconds = null;
+          _holdStartPosition = null;
+          _holdStartSize = null;
+        });
+        widget.onUnlocked(intent);
+        return;
+      }
+      setState(() => _remainingSeconds = totalSeconds - elapsed);
     });
   }
 
@@ -64,38 +125,93 @@ class _RecordingTouchLockOverlayWidgetState
     }
 
     return Positioned.fill(
-      child: Listener(
+      child: LayoutBuilder(
-        behavior: HitTestBehavior.opaque,
+        builder: (context, constraints) {
-        onPointerDown: (_) => _startHold(),
+          final overlaySize = Size(constraints.maxWidth, constraints.maxHeight);
-        onPointerUp: (_) => _cancelHold(),
+          return Listener(
-        onPointerCancel: (_) => _cancelHold(),
+            behavior: HitTestBehavior.opaque,
-        child: ColoredBox(
+            onPointerDown: (event) =>
-          color: Colors.black.withValues(alpha: 0.01),
+                _startHold(event.localPosition, overlaySize),
-          child: Align(
+            onPointerUp: (_) => _cancelHold(),
-            alignment: Alignment.topCenter,
+            onPointerCancel: (_) => _cancelHold(),
-            child: Padding(
+            child: ColoredBox(
-              padding: EdgeInsets.only(top: 68.r),
+              color: Colors.black.withValues(alpha: 0.01),
-              child: DecoratedBox(
+              child: Align(
-                decoration: BoxDecoration(
+                alignment: Alignment.topCenter,
-                  color: Colors.black54,
-                  borderRadius: BorderRadius.circular(24.r),
-                ),
                 child: Padding(
-                  padding: EdgeInsets.symmetric(
+                  padding: EdgeInsets.only(top: 68.r),
-                    horizontal: 16.r,
+                  child: DecoratedBox(
-                    vertical: 8.r,
+                    decoration: BoxDecoration(
-                  ),
+                      color: Colors.black54,
-                  child: Text(
+                      borderRadius: BorderRadius.circular(24.r),
-                    _isHolding
+                    ),
-                        ? '保持按住 ${widget.unlockHoldDuration.inSeconds}s 解锁…'
+                    child: Padding(
-                        : '防误触已开启，按住 ${widget.unlockHoldDuration.inSeconds}s 解锁',
+                      padding: EdgeInsets.symmetric(
-                    style: TextStyle(color: Colors.white, fontSize: 10.sp),
+                        horizontal: 16.r,
+                        vertical: 8.r,
+                      ),
+                      child: _isHolding && _remainingSeconds != null
+                          ? Builder(
+                              builder: (context) {
+                                final remainingSeconds = _remainingSeconds!;
+                                return Column(
+                                  mainAxisSize: MainAxisSize.min,
+                                  children: [
+                                    AnimatedSwitcher(
+                                      duration: const Duration(
+                                        milliseconds: 280,
+                                      ),
+                                      switchInCurve: Curves.easeOut,
+                                      switchOutCurve: Curves.easeIn,
+                                      transitionBuilder: (child, animation) {
+                                        return ScaleTransition(
+                                          scale: Tween<double>(
+                                            begin: 0.6,
+                                            end: 1,
+                                          ).animate(animation),
+                                          child: FadeTransition(
+                                            opacity: animation,
+                                            child: child,
+                                          ),
+                                        );
+                                      },
+                                      child: Text(
+                                        '${remainingSeconds}s',
+                                        key: ValueKey<int>(remainingSeconds),
+                                        style: TextStyle(
+                                          color: Colors.white,
+                                          fontSize: 18.sp,
+                                          fontWeight: FontWeight.w600,
+                                          height: 1.1,
+                                        ),
+                                      ),
+                                    ),
+                                    SizedBox(height: 2.r),
+                                    Text(
+                                      '保持按住解锁',
+                                      style: TextStyle(
+                                        color: Colors.white70,
+                                        fontSize: 10.sp,
+                                      ),
+                                    ),
+                                  ],
+                                );
+                              },
+                            )
+                          : Text(
+                              '防误触已开启，按住 ${widget.unlockHoldDuration.inSeconds}s 解锁',
+                              style: TextStyle(
+                                color: Colors.white,
+                                fontSize: 10.sp,
+                              ),
+                            ),
+                    ),
                   ),
                 ),
               ),
             ),
-          ),
+          );
-        ),
+        },
       ),
     );
   }

lib/gen/assets.gen.dart

@@ -14,6 +14,14 @@ import 'package:flutter/widgets.dart';
 class $AssetsImagesGen {
   const $AssetsImagesGen();
 
+  /// File path: assets/images/image_copy.png
+  AssetGenImage get imageCopy =>
+      const AssetGenImage('assets/images/image_copy.png');
+
+  /// File path: assets/images/image_delete.png
+  AssetGenImage get imageDelete =>
+      const AssetGenImage('assets/images/image_delete.png');
+
   /// File path: assets/images/image_dialog_bg.png
   AssetGenImage get imageDialogBg =>
       const AssetGenImage('assets/images/image_dialog_bg.png');
@@ -23,7 +31,12 @@ class $AssetsImagesGen {
       const AssetGenImage('assets/images/image_logo.png');
 
   /// List of all assets
-  List<AssetGenImage> get values => [imageDialogBg, imageLogo];
+  List<AssetGenImage> get values => [
+    imageCopy,
+    imageDelete,
+    imageDialogBg,
+    imageLogo,
+  ];
 }
 
 class Assets {

test/features/recording/view_model_recording_test.dart

@@ -1,6 +1,7 @@
 import 'package:flutter/services.dart';
 import 'package:flutter_riverpod/flutter_riverpod.dart';
 import 'package:flutter_test/flutter_test.dart';
+import 'package:permission_handler/permission_handler.dart';
 import 'package:recording_tool/features/recording/view-model/view_model_recording.dart';
 
 void main() {
@@ -38,6 +39,27 @@ void main() {
     });
   });
 
+  group('recordingGalleryPermissionsForHost', () {
+    test('requests only add-only photo permission on iOS', () {
+      final permissions = recordingGalleryPermissionsForHost(
+        isIOS: true,
+        isAndroid: false,
+      );
+
+      expect(permissions, <Permission>[Permission.photosAddOnly]);
+      expect(permissions, isNot(contains(Permission.photos)));
+    });
+
+    test('keeps Android gallery permissions unchanged', () {
+      final permissions = recordingGalleryPermissionsForHost(
+        isIOS: false,
+        isAndroid: true,
+      );
+
+      expect(permissions, <Permission>[Permission.videos, Permission.storage]);
+    });
+  });
+
   group('RecordingViewModel.getClipboardContent', () {
     test(
       'updates state when clipboard contains valid mini program JSON',
@@ -56,14 +78,8 @@ void main() {
         expect(model.clipboardRecordingModel.title, '王东方 丨李想 空中格斗赛');
         expect(model.clipboardRecordingModel.startTimestamp, 1717334400);
         expect(model.clipboardRecordingModel.endTimestamp, 1717334400);
-        expect(
+        expect(model.clipboardRecordingModel.address, '广州市番禺区·粤港澳大湾区青年人才双创小镇');
-          model.clipboardRecordingModel.address,
+        expect(model.clipboardRecordingModel.filename, '选手名称_选手ID_赛事名称_赛项');
-          '广州市番禺区·粤港澳大湾区青年人才双创小镇',
-        );
-        expect(
-          model.clipboardRecordingModel.filename,
-          '选手名称_选手ID_赛事名称_赛项',
-        );
       },
     );
 
@@ -93,7 +109,10 @@ void main() {
 
       expect(result, ClipboardReadResult.invalid);
       expect(
-        container.read(recordingViewModelProvider).clipboardRecordingModel.title,
+        container
+            .read(recordingViewModelProvider)
+            .clipboardRecordingModel
+            .title,
         defaultClipboardTitle,
       );
       expect(
@@ -113,33 +132,18 @@ void main() {
 
       expect(result, ClipboardReadResult.invalid);
       expect(
-        container.read(recordingViewModelProvider).clipboardRecordingModel.title,
+        container
-        defaultClipboardTitle,
+            .read(recordingViewModelProvider)
-      );
+            .clipboardRecordingModel
-    });
+            .title,
-
-    test('returns invalid when clipboard JSON misses required address', () async {
-      await setClipboardText('{"title":"王东方 丨李想 空中格斗赛"}');
-      final container = ProviderContainer();
-      addTearDown(container.dispose);
-
-      final result = await container
-          .read(recordingViewModelProvider.notifier)
-          .getClipboardContent();
-
-      expect(result, ClipboardReadResult.invalid);
-      expect(
-        container.read(recordingViewModelProvider).clipboardRecordingModel.title,
         defaultClipboardTitle,
       );
     });
 
     test(
-      'updates state when clipboard omits optional timestamps',
+      'returns invalid when clipboard JSON misses required address',
       () async {
-        await setClipboardText(
+        await setClipboardText('{"title":"王东方 丨李想 空中格斗赛"}');
-          '{"title":"郑昌梦 丨黄伟依 空中格斗赛 小学组","address":"广东省汕头市番禺区青蓝街 111 号","filename":"郑昌梦_黄伟依_6月3日测试-1_空中格斗赛"}',
-        );
         final container = ProviderContainer();
         addTearDown(container.dispose);
 
@@ -147,18 +151,36 @@ void main() {
             .read(recordingViewModelProvider.notifier)
             .getClipboardContent();
 
-        expect(result, ClipboardReadResult.success);
+        expect(result, ClipboardReadResult.invalid);
-        final model = container.read(recordingViewModelProvider);
-        expect(model.hasValidClipboardInfo, isTrue);
-        expect(model.clipboardRecordingModel.startTimestamp, isNull);
-        expect(model.clipboardRecordingModel.endTimestamp, isNull);
         expect(
-          model.clipboardRecordingModel.filename,
+          container
-          '郑昌梦_黄伟依_6月3日测试-1_空中格斗赛',
+              .read(recordingViewModelProvider)
+              .clipboardRecordingModel
+              .title,
+          defaultClipboardTitle,
         );
       },
     );
 
+    test('updates state when clipboard omits optional timestamps', () async {
+      await setClipboardText(
+        '{"title":"郑昌梦 丨黄伟依 空中格斗赛 小学组","address":"广东省汕头市番禺区青蓝街 111 号","filename":"郑昌梦_黄伟依_6月3日测试-1_空中格斗赛"}',
+      );
+      final container = ProviderContainer();
+      addTearDown(container.dispose);
+
+      final result = await container
+          .read(recordingViewModelProvider.notifier)
+          .getClipboardContent();
+
+      expect(result, ClipboardReadResult.success);
+      final model = container.read(recordingViewModelProvider);
+      expect(model.hasValidClipboardInfo, isTrue);
+      expect(model.clipboardRecordingModel.startTimestamp, isNull);
+      expect(model.clipboardRecordingModel.endTimestamp, isNull);
+      expect(model.clipboardRecordingModel.filename, '郑昌梦_黄伟依_6月3日测试-1_空中格斗赛');
+    });
+
     test('returns invalid when clipboard JSON has wrong field type', () async {
       await setClipboardText(
         '{"title":"王东方 丨李想 空中格斗赛","startTimestamp":"1717334400","endTimestamp":1717334400,"address":"广州市番禺区·粤港澳大湾区青年人才双创小镇"}',
@@ -172,7 +194,10 @@ void main() {
 
       expect(result, ClipboardReadResult.invalid);
       expect(
-        container.read(recordingViewModelProvider).clipboardRecordingModel.title,
+        container
+            .read(recordingViewModelProvider)
+            .clipboardRecordingModel
+            .title,
         defaultClipboardTitle,
       );
     });

test/features/recording/widget_record_header_test.dart

@@ -0,0 +1,52 @@
+import 'package:flutter/material.dart';
+import 'package:flutter_screenutil/flutter_screenutil.dart';
+import 'package:flutter_test/flutter_test.dart';
+import 'package:recording_tool/features/recording/widgets/widget_record_header.dart';
+import 'package:recording_tool/gen/assets.gen.dart';
+
+void main() {
+  Future<void> pumpHeader(
+    WidgetTester tester, {
+    required bool hasValidClipboardInfo,
+    String? eventTitle,
+  }) async {
+    await tester.pumpWidget(
+      ScreenUtilInit(
+        designSize: const Size(375, 812),
+        builder: (context, _) {
+          return MaterialApp(
+            home: Scaffold(
+              body: RecordHeaderWidget(
+                hasValidClipboardInfo: hasValidClipboardInfo,
+                eventTitle: eventTitle,
+                isRecording: false,
+                onPasteEventInfo: () async {},
+                onClearEventInfo: () {},
+              ),
+            ),
+          );
+        },
+      ),
+    );
+  }
+
+  testWidgets('paste player info button uses copy image asset', (tester) async {
+    await pumpHeader(tester, hasValidClipboardInfo: false);
+
+    expect(find.text('粘贴选手信息'), findsOneWidget);
+    expect(find.image(AssetImage(Assets.images.imageCopy.path)), findsOne);
+  });
+
+  testWidgets('clear player info button uses delete image asset', (
+    tester,
+  ) async {
+    await pumpHeader(
+      tester,
+      hasValidClipboardInfo: true,
+      eventTitle: '王东方 丨李想 空中格斗赛',
+    );
+
+    expect(find.text('王东方 丨李想 空中格斗赛'), findsOneWidget);
+    expect(find.image(AssetImage(Assets.images.imageDelete.path)), findsOne);
+  });
+}

test/features/recording/widget_recording_button_test.dart

@@ -0,0 +1,138 @@
+import 'package:flutter/material.dart';
+import 'package:flutter_screenutil/flutter_screenutil.dart';
+import 'package:flutter_test/flutter_test.dart';
+import 'package:recording_tool/features/recording/widgets/widget_recording_button.dart';
+
+void main() {
+  const designSize = Size(375, 812);
+  const morphDuration = Duration(milliseconds: 380);
+
+  Future<void> pumpButton(
+    WidgetTester tester, {
+    required bool isRecording,
+    bool isStartingRecording = false,
+  }) async {
+    await tester.pumpWidget(
+      ScreenUtilInit(
+        designSize: designSize,
+        builder: (context, _) {
+          return MaterialApp(
+            home: Scaffold(
+              body: Center(
+                child: RecordingControlButton(
+                  isRecording: isRecording,
+                  isStartingRecording: isStartingRecording,
+                  onTap: () {},
+                ),
+              ),
+            ),
+          );
+        },
+      ),
+    );
+    await tester.pump();
+  }
+
+  Size innerCoreSize(WidgetTester tester) {
+    final finder = find.byWidgetPredicate(
+      (widget) =>
+          widget is Container &&
+          widget.decoration is BoxDecoration &&
+          (widget.decoration! as BoxDecoration).color == Colors.red,
+    );
+    return tester.getSize(finder);
+  }
+
+  testWidgets('idle state uses large circular inner core', (tester) async {
+    await pumpButton(tester, isRecording: false);
+
+    final size = innerCoreSize(tester);
+    expect(size.width, closeTo(62.r, 0.5));
+    expect(size.height, closeTo(62.r, 0.5));
+  });
+
+  testWidgets('isStartingRecording morphs to stop square before isRecording', (
+    tester,
+  ) async {
+    await pumpButton(
+      tester,
+      isRecording: false,
+      isStartingRecording: true,
+    );
+
+    await tester.pump(morphDuration);
+    await tester.pump();
+
+    final size = innerCoreSize(tester);
+    expect(size.width, closeTo(22.r, 0.5));
+    expect(size.height, closeTo(22.r, 0.5));
+  });
+
+  testWidgets('isRecording forward and reverse morph without errors', (
+    tester,
+  ) async {
+    await pumpButton(tester, isRecording: false);
+
+    await tester.pumpWidget(
+      ScreenUtilInit(
+        designSize: designSize,
+        builder: (context, _) {
+          return MaterialApp(
+            home: Scaffold(
+              body: Center(
+                child: RecordingControlButton(
+                  isRecording: true,
+                  onTap: () {},
+                ),
+              ),
+            ),
+          );
+        },
+      ),
+    );
+    await tester.pump(morphDuration);
+    await tester.pump();
+
+    expect(innerCoreSize(tester).width, closeTo(22.r, 0.5));
+
+    await tester.pumpWidget(
+      ScreenUtilInit(
+        designSize: designSize,
+        builder: (context, _) {
+          return MaterialApp(
+            home: Scaffold(
+              body: Center(
+                child: RecordingControlButton(
+                  isRecording: false,
+                  onTap: () {},
+                ),
+              ),
+            ),
+          );
+        },
+      ),
+    );
+    await tester.pump(morphDuration);
+    await tester.pump();
+
+    expect(innerCoreSize(tester).width, closeTo(62.r, 0.5));
+  });
+
+  testWidgets('failed start rolls morph back to idle circle', (tester) async {
+    await pumpButton(
+      tester,
+      isRecording: false,
+      isStartingRecording: true,
+    );
+    await tester.pump(morphDuration);
+    await tester.pump();
+
+    expect(innerCoreSize(tester).width, closeTo(22.r, 0.5));
+
+    await pumpButton(tester, isRecording: false, isStartingRecording: false);
+    await tester.pump(morphDuration);
+    await tester.pump();
+
+    expect(innerCoreSize(tester).width, closeTo(62.r, 0.5));
+  });
+}

test/features/recording/widget_recording_touch_lock_overlay_test.dart

@@ -0,0 +1,126 @@
+import 'package:flutter/material.dart';
+import 'package:flutter_screenutil/flutter_screenutil.dart';
+import 'package:flutter_test/flutter_test.dart';
+import 'package:recording_tool/features/recording/widgets/widget_recording_touch_lock_overlay.dart';
+
+void main() {
+  group('resolveRecordingTouchLockUnlockIntent', () {
+    test('returns stopRecording for portrait bottom 30 percent', () {
+      final intent = resolveRecordingTouchLockUnlockIntent(
+        position: const Offset(120, 466.9),
+        size: const Size(375, 667),
+      );
+
+      expect(intent, RecordingTouchLockUnlockIntent.stopRecording);
+    });
+
+    test('returns unlockOnly for portrait area outside bottom 30 percent', () {
+      final intent = resolveRecordingTouchLockUnlockIntent(
+        position: const Offset(120, 320),
+        size: const Size(375, 667),
+      );
+
+      expect(intent, RecordingTouchLockUnlockIntent.unlockOnly);
+    });
+
+    test('returns stopRecording for landscape right 30 percent', () {
+      final intent = resolveRecordingTouchLockUnlockIntent(
+        position: const Offset(466.9, 120),
+        size: const Size(667, 375),
+      );
+
+      expect(intent, RecordingTouchLockUnlockIntent.stopRecording);
+    });
+
+    test('returns unlockOnly for landscape area outside right 30 percent', () {
+      final intent = resolveRecordingTouchLockUnlockIntent(
+        position: const Offset(320, 120),
+        size: const Size(667, 375),
+      );
+
+      expect(intent, RecordingTouchLockUnlockIntent.unlockOnly);
+    });
+  });
+
+  group('RecordingTouchLockOverlayWidget', () {
+    Future<void> pumpOverlay(
+      WidgetTester tester, {
+      required Size surfaceSize,
+      required ValueChanged<RecordingTouchLockUnlockIntent> onUnlocked,
+    }) async {
+      await tester.binding.setSurfaceSize(surfaceSize);
+      addTearDown(() => tester.binding.setSurfaceSize(null));
+
+      await tester.pumpWidget(
+        ScreenUtilInit(
+          designSize: const Size(375, 812),
+          builder: (context, _) {
+            return MaterialApp(
+              home: Scaffold(
+                body: Stack(
+                  children: [
+                    RecordingTouchLockOverlayWidget(
+                      enabled: true,
+                      unlockHoldDuration: const Duration(seconds: 2),
+                      onUnlocked: onUnlocked,
+                    ),
+                  ],
+                ),
+              ),
+            );
+          },
+        ),
+      );
+    }
+
+    testWidgets('long press in portrait bottom 30 percent stops recording', (
+      tester,
+    ) async {
+      RecordingTouchLockUnlockIntent? receivedIntent;
+      await pumpOverlay(
+        tester,
+        surfaceSize: const Size(375, 667),
+        onUnlocked: (intent) => receivedIntent = intent,
+      );
+
+      final gesture = await tester.startGesture(const Offset(120, 600));
+      await tester.pump(const Duration(seconds: 2));
+      await gesture.up();
+
+      expect(receivedIntent, RecordingTouchLockUnlockIntent.stopRecording);
+    });
+
+    testWidgets('long press outside stop area only unlocks', (tester) async {
+      RecordingTouchLockUnlockIntent? receivedIntent;
+      await pumpOverlay(
+        tester,
+        surfaceSize: const Size(375, 667),
+        onUnlocked: (intent) => receivedIntent = intent,
+      );
+
+      final gesture = await tester.startGesture(const Offset(120, 320));
+      await tester.pump(const Duration(seconds: 2));
+      await gesture.up();
+
+      expect(receivedIntent, RecordingTouchLockUnlockIntent.unlockOnly);
+    });
+
+    testWidgets('releasing before hold duration does not unlock', (
+      tester,
+    ) async {
+      RecordingTouchLockUnlockIntent? receivedIntent;
+      await pumpOverlay(
+        tester,
+        surfaceSize: const Size(375, 667),
+        onUnlocked: (intent) => receivedIntent = intent,
+      );
+
+      final gesture = await tester.startGesture(const Offset(120, 600));
+      await tester.pump(const Duration(milliseconds: 1500));
+      await gesture.up();
+      await tester.pump(const Duration(seconds: 1));
+
+      expect(receivedIntent, isNull);
+    });
+  });
+}

test/widget_test.dart

@@ -3,6 +3,7 @@ import 'package:flutter/services.dart';
 import 'package:flutter_riverpod/flutter_riverpod.dart';
 import 'package:flutter_test/flutter_test.dart';
 import 'package:recording_tool/app/app.dart';
+import 'package:recording_tool/features/recording/widgets/widget_recording_button.dart';
 
 void main() {
   TestWidgetsFlutterBinding.ensureInitialized();
@@ -40,11 +41,11 @@ void main() {
   testWidgets('recording app renders recording page', (tester) async {
     await pumpRecordingApp(tester);
 
-    final recordIcon = find.byIcon(Icons.fiber_manual_record);
+    final recordButton = find.byType(RecordingControlButton);
 
-    expect(recordIcon, findsOneWidget);
+    expect(recordButton, findsOneWidget);
     expect(
-      tester.getCenter(recordIcon).dx,
+      tester.getCenter(recordButton).dx,
       closeTo(tester.getCenter(find.byType(Scaffold)).dx, 0.5),
     );
   });
@@ -56,7 +57,7 @@ void main() {
 
     await pumpRecordingApp(tester);
 
-    expect(find.text('粘贴赛事信息'), findsOneWidget);
+    expect(find.text('粘贴选手信息'), findsOneWidget);
   });
 
   testWidgets('pastes valid event info from clipboard', (tester) async {
@@ -65,11 +66,10 @@ void main() {
     await pumpRecordingApp(tester);
 
     clipboardText = validClipboardText;
-    await tester.tap(find.text('粘贴赛事信息'));
+    await tester.tap(find.text('粘贴选手信息'));
-    await tester.pump(const Duration(milliseconds: 500));
+    await tester.pump(const Duration(milliseconds: 700));
 
     expect(find.text('王东方 丨李想 空中格斗赛'), findsOneWidget);
-    expect(find.text('粘贴赛事信息'), findsNothing);
   });
 
   testWidgets('shows no event info toast when pasted clipboard is invalid', (
@@ -80,7 +80,7 @@ void main() {
     await pumpRecordingApp(tester);
 
     clipboardText = 'hello';
-    await tester.tap(find.text('粘贴赛事信息'));
+    await tester.tap(find.text('粘贴选手信息'));
     await tester.pump();
 
     expect(find.text('王东方 丨李想 空中格斗赛'), findsNothing);