粘贴删除按钮不参与过渡

重构录制页面，优化 UI 组件，简化状态管理，移除不必要的参数，提升代码可读性和维护性。
录制按钮增加动画
2026-06-08 15:51:05 +08:00 · 2026-06-08 11:23:45 +08:00 · 2026-06-08 11:21:13 +08:00 · 2026-06-08 11:10:22 +08:00 · 2026-06-08 10:58:10 +08:00 · 2026-06-08 10:19:19 +08:00
27 changed files with 1276 additions and 329 deletions
--- a/assets/images/image_copy.png
+++ b/assets/images/image_copy.png
--- a/assets/images/image_delete.png
+++ b/assets/images/image_delete.png
--- a/assets/images/image_logo.png
+++ b/assets/images/image_logo.png
--- a/assets/images/image_vs.png
+++ b/assets/images/image_vs.png
--- a/build-apk-split.sh
+++ b/build-apk-split.sh
@@ -0,0 +1 @@
+flutter build apk --release --split-per-abi
--- a/build-apk.sh
+++ b/build-apk.sh
@@ -0,0 +1 @@
+flutter build apk --release
--- a/devtools_options.yaml
+++ b/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:
--- a/ios/Podfile.lock
+++ b/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

--- a/ios/Runner.xcodeproj/project.pbxproj
+++ b/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 */;
 }
--- a/ios/Runner.xcodeproj/xcshareddata/xcschemes/Runner.xcscheme
+++ b/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"
--- a/ios/Runner/RecordingPlugin.swift
+++ b/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
-    previewView.previewLayer.session = session
+    let bindPreview = { [weak self, weak previewView] in
+      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 {
-      self.previewView?.previewLayer.session = nil
-      self.previewView = nil
+    let unbindPreview = { [weak self, weak previewView] in
+      guard let self, let previewView else { return }
+      if self.previewView === previewView {
+        previewView.previewLayer.session = nil
+        self.previewView = nil
+      }
+    }
+    if Thread.isMainThread {
+      unbindPreview()
+    } else {
+      DispatchQueue.main.async(execute: unbindPreview)
    }
  }

--- a/lib/features/dialog/dialog-record.dart
+++ b/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>(
-      context: context,
+    return _present(
+      context,
      barrierDismissible: barrierDismissible,
      builder: (dialogContext) {
        return RecordDialog(
@@ -47,8 +49,8 @@ class RecordDialog extends StatelessWidget {
    VoidCallback? onRightPressed,
    bool barrierDismissible = false,
  }) {
-    return showDialog<void>(
-      context: context,
+    return _present(
+      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
--- a/lib/features/recording/pages/page_record.dart
+++ b/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);
-    final state = recordingInfo.session;
-    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('录制中无法返回，请先停止录制');
-        }
-      },
+    return _RecordingPopScope(
+      onExitRecordingMode: _exitRecordingMode,
      child: Scaffold(
        backgroundColor: Colors.black,
        body: Column(
          children: [
-            RecordHeaderWidget(
-              hasValidClipboardInfo: showClipboardInfo,
-              eventTitle: showClipboardInfo ? clipboard.title : null,
-              isRecording: state.isRecording,
-              elapsedLabel: state.elapsedLabel,
+            _RecordHeaderSection(
              onPasteEventInfo: _pasteEventInfo,
              onClearEventInfo: _clearClipboardForNewRound,
            ),
@@ -260,48 +253,16 @@ class _RecordingPageState extends ConsumerState<RecordingPage> {
              child: Stack(
                children: [
                  const CameraPreviewWidget(),
-                  if (!state.isPreviewReady && state.errorMessage == null)
-                    const RecordingLoadingOverlayWidget(message: '正在启动相机…'),
+                  const _PreviewLoadingLayer(),
                  const RecordTimerWidget(),
-                  RecordingHudWidget(
-                    state: state,
-                    showClipboardHint: showClipboardInfo,
-                    clipboardAddress: clipboard.address.trim(),
+                  _RecordingHudLayer(
                    onStart: _onStartRecording,
-                    onStop: () async {
-                      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);
-                    },
+                    onStop: _stopRecordingAndShowResult,
                  ),
-                  if (state.isTouchLocked && state.isRecording)
-                    RecordingTouchLockOverlayWidget(
-                      enabled: true,
-                      onUnlocked: () => viewModel.setTouchLocked(false),
-                    ),
-                  if (state.isStartingRecording)
-                    RecordingLoadingOverlayWidget(
-                      message: '正在开始录制…',
-                      backgroundColor: Colors.black.withValues(alpha: 0.24),
-                    ),
+                  _TouchLockOverlayLayer(
+                    onStopRecording: _stopRecordingAndShowResult,
+                  ),
+                  const _StartingRecordingOverlay(),
                ],
              ),
            ),
@@ -312,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),
+    );
+  }
+}
--- a/lib/features/recording/view-model/view_model_recording.dart
+++ b/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 [Permission.photosAddOnly, Permission.photos];
-    }
-    if (Platform.isAndroid) {
-      return [Permission.videos, Permission.storage];
-    }
-    return const [];
+    return recordingGalleryPermissionsForHost(
+      isIOS: Platform.isIOS,
+      isAndroid: Platform.isAndroid,
+    );
  }

  /// 判断相册相关权限是否至少有一项已授予。
@@ -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(
-        (s) => s.copyWith(errorMessage: '相机预览未就绪，请稍后重试'),
-      );
+      _updateSession((s) => s.copyWith(errorMessage: '相机预览未就绪，请稍后重试'));
      return;
    }

--- a/lib/features/recording/widgets/record_content_transition.dart
+++ b/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],
+    );
+  }
+}
--- a/lib/features/recording/widgets/widget_clipboard_address_clock_chip.dart
+++ b/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(
-      crossAxisAlignment: CrossAxisAlignment.start,
-      mainAxisSize: MainAxisSize.min,
-      children: [
-        Text(_nowText, style: _textStyle),
-        if (widget.address.isNotEmpty)
-          Text(widget.address, style: _textStyle),
-      ],
+    return AnimatedSize(
+      duration: RecordContentTransition.duration,
+      curve: Curves.easeOutCubic,
+      alignment: Alignment.topLeft,
+      clipBehavior: Clip.none,
+      child: Column(
+        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')),
+          ),
+        ],
+      ),
    );
  }
 }
--- a/lib/features/recording/widgets/widget_record_header.dart
+++ b/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
-                    ? _HeaderEventTitleRow(
-                        title: eventTitle ?? '',
-                        isRecording: isRecording,
-                        onClearEventInfo: onClearEventInfo,
-                      )
-                    : _showPasteButtons
-                    ? _HeaderPasteActions(
-                        onMockCopy: _mockCopyEventInfo,
-                        onPasteEventInfo: onPasteEventInfo,
-                      )
-                    : const SizedBox.shrink(),
+                child: Stack(
+                  alignment: Alignment.center,
+                  children: [
+                    AnimatedSwitcher(
+                      duration: RecordContentTransition.duration,
+                      switchInCurve: Curves.easeOutCubic,
+                      switchOutCurve: Curves.easeInCubic,
+                      layoutBuilder: RecordContentTransition.stackLayoutBuilder,
+                      transitionBuilder: RecordContentTransition.builder,
+                      child: _buildAnimatedHeaderContent(),
+                    ),
+                    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(
-            title,
-            style: _overlayTextStyle.copyWith(
-              fontSize: 12.sp,
-              fontWeight: FontWeight.w600,
+          child: AnimatedSwitcher(
+            duration: RecordContentTransition.duration,
+            switchInCurve: Curves.easeOutCubic,
+            switchOutCurve: Curves.easeInCubic,
+            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)
-          IconButton(
-            onPressed: onClearEventInfo,
-            icon: Icon(Icons.delete_outline, color: Colors.white, size: 22.r),
-            padding: EdgeInsets.zero,
-            constraints: BoxConstraints(minWidth: 40.r, minHeight: 40.r),
-            tooltip: '删除',
-          ),
+        !isRecording
+            ? IconButton(
+                key: const ValueKey('clear-event-info'),
+                onPressed: onClearEventInfo,
+                icon: Assets.images.imageDelete.image(
+                  width: 15.r,
+                  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')),
      ],
    );
  }
@@ -137,6 +174,12 @@ class _HeaderPasteActions extends StatelessWidget {
        _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),
        ),
      ),
--- a/lib/features/recording/widgets/widget_record_timer.dart
+++ b/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(
-      recordingViewModelProvider.select((value) => value.session),
+    final timerState = ref.watch(
+      recordingViewModelProvider.select(
+        (m) => (m.session.isRecording, m.session.elapsedLabel),
+      ),
    );
-    final isRecording = session.isRecording;
-    final displayTime = isRecording ? session.elapsedLabel : '00:00:00';
+    final (isRecording, elapsedLabel) = timerState;
+    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)],
            ),
--- a/lib/features/recording/widgets/widget_recording_button.dart
+++ b/lib/features/recording/widgets/widget_recording_button.dart
@@ -1,62 +1,164 @@
+import 'dart:ui' show lerpDouble;
+
 import 'package:flutter/material.dart';
 import 'package:flutter_screenutil/flutter_screenutil.dart';

 /// 录制控制按钮：白圈 + 红色内芯，录制中为圆角矩形。
-class RecordingControlButton extends StatelessWidget {
+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 = size ?? 70.r;
+    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;

-    final innerSize = isRecording ? recordingInnerSize : idleInnerSize;
-    final borderRadius = isRecording
-        ? recordingCornerRadius
-        : idleInnerSize / 2;
-
    return GestureDetector(
-      onTap: enabled ? onTap : null,
-      child: SizedBox(
-        width: buttonSize,
-        height: buttonSize,
-        child: Stack(
-          alignment: Alignment.center,
-          children: [
-            Container(
+      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,
-              decoration: BoxDecoration(
-                shape: BoxShape.circle,
-                border: Border.all(color: Colors.white, width: borderWidth),
+              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),
+                    ),
+                  ),
+                ],
              ),
            ),
-            AnimatedContainer(
-              duration: const Duration(milliseconds: 500),
-              curve: Curves.ease,
-              width: innerSize,
-              height: innerSize,
-              decoration: BoxDecoration(
-                color: Colors.red,
-                borderRadius: BorderRadius.circular(borderRadius),
-              ),
-            ),
-          ],
-        ),
+          );
+        },
      ),
    );
  }
--- a/lib/features/recording/widgets/widget_recording_hud.dart
+++ b/lib/features/recording/widgets/widget_recording_hud.dart
@@ -2,7 +2,7 @@ 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';
@@ -11,7 +11,14 @@ import 'package:recording_tool/features/recording/widgets/widget_recording_setup
 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,
@@ -21,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;
@@ -49,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,
@@ -74,9 +88,9 @@ class RecordingHudWidget extends StatelessWidget {
                  ),
                ),
              RecordingSetupHintsWidget(
-                hasDndAccess: state.hasDndAccess,
-                isBatteryIgnored: state.isBatteryOptimizedIgnored,
-                notificationsGranted: state.notificationsGranted,
+                hasDndAccess: hasDndAccess,
+                isBatteryIgnored: isBatteryOptimizedIgnored,
+                notificationsGranted: notificationsGranted,
                onOpenDnd: onOpenDnd,
                onOpenBattery: onOpenBattery,
                onOpenNotificationSettings: openAppSettings,
@@ -84,13 +98,24 @@ class RecordingHudWidget extends StatelessWidget {
            ],
          ),
        ),
-        if (showClipboardHint)
-          Positioned(
-            left: _overlayInfoLeft,
-            bottom: _overlayInfoBottom,
-            child: ClipboardAddressClockChipWidget(address: clipboardAddress),
+        Positioned(
+          left: _overlayInfoLeft,
+          bottom: _overlayInfoBottom,
+          child: AnimatedSwitcher(
+            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,
@@ -100,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,
                  ),
@@ -114,11 +139,12 @@ class RecordingHudWidget extends StatelessWidget {
          bottom: _recordButtonBottom,
          child: Center(
            child: RecordingControlButton(
-              isRecording: state.isRecording,
-              enabled: !state.isStartingRecording,
+              isRecording: isRecording,
+              isStartingRecording: isStartingRecording,
+              enabled: !isStartingRecording,
              size: _recordButtonSize,
              onTap: () {
-                if (state.isRecording) {
+                if (isRecording) {
                  RateLimit.instance.debounce<void>(
                    key: 'recording.session.stop',
                    value: null,
--- a/lib/features/recording/widgets/widget_recording_touch_lock_overlay.dart
+++ b/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
@@ -25,6 +50,8 @@ class _RecordingTouchLockOverlayWidgetState
  Timer? _holdTimer;
  bool _isHolding = false;
  int? _remainingSeconds;
+  Offset? _holdStartPosition;
+  Size? _holdStartSize;

  @override
  void didUpdateWidget(RecordingTouchLockOverlayWidget oldWidget) {
@@ -48,16 +75,20 @@ class _RecordingTouchLockOverlayWidgetState
    setState(() {
      _isHolding = false;
      _remainingSeconds = null;
+      _holdStartPosition = null;
+      _holdStartSize = null;
    });
  }

-  void _startHold() {
+  void _startHold(Offset position, Size size) {
    if (!widget.enabled) return;
    final totalSeconds = widget.unlockHoldDuration.inSeconds;
    _holdTimer?.cancel();
    setState(() {
      _isHolding = true;
      _remainingSeconds = totalSeconds;
+      _holdStartPosition = position;
+      _holdStartSize = size;
    });

    var elapsed = 0;
@@ -70,11 +101,17 @@ class _RecordingTouchLockOverlayWidgetState
      if (elapsed >= totalSeconds) {
        timer.cancel();
        _holdTimer = null;
-        widget.onUnlocked();
+        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);
@@ -88,83 +125,93 @@ class _RecordingTouchLockOverlayWidgetState
    }

    return Positioned.fill(
-      child: Listener(
-        behavior: HitTestBehavior.opaque,
-        onPointerDown: (_) => _startHold(),
-        onPointerUp: (_) => _cancelHold(),
-        onPointerCancel: (_) => _cancelHold(),
-        child: ColoredBox(
-          color: Colors.black.withValues(alpha: 0.01),
-          child: Align(
-            alignment: Alignment.topCenter,
-            child: Padding(
-              padding: EdgeInsets.only(top: 68.r),
-              child: DecoratedBox(
-                decoration: BoxDecoration(
-                  color: Colors.black54,
-                  borderRadius: BorderRadius.circular(24.r),
-                ),
+      child: LayoutBuilder(
+        builder: (context, constraints) {
+          final overlaySize = Size(constraints.maxWidth, constraints.maxHeight);
+          return Listener(
+            behavior: HitTestBehavior.opaque,
+            onPointerDown: (event) =>
+                _startHold(event.localPosition, overlaySize),
+            onPointerUp: (_) => _cancelHold(),
+            onPointerCancel: (_) => _cancelHold(),
+            child: ColoredBox(
+              color: Colors.black.withValues(alpha: 0.01),
+              child: Align(
+                alignment: Alignment.topCenter,
                child: Padding(
-                  padding: EdgeInsets.symmetric(
-                    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,
+                  padding: EdgeInsets.only(top: 68.r),
+                  child: DecoratedBox(
+                    decoration: BoxDecoration(
+                      color: Colors.black54,
+                      borderRadius: BorderRadius.circular(24.r),
+                    ),
+                    child: Padding(
+                      padding: EdgeInsets.symmetric(
+                        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,
                                      ),
-                                    );
-                                  },
-                                  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(
-                              '保持按住解锁',
+                                      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.white70,
+                                color: Colors.white,
                                fontSize: 10.sp,
                              ),
                            ),
-                              ],
-                            );
-                          },
-                        )
-                      : Text(
-                          '防误触已开启，按住 ${widget.unlockHoldDuration.inSeconds}s 解锁',
-                          style: TextStyle(
-                            color: Colors.white,
-                            fontSize: 10.sp,
-                          ),
-                        ),
+                    ),
+                  ),
                ),
              ),
            ),
-          ),
-        ),
+          );
+        },
      ),
    );
  }
--- a/lib/gen/assets.gen.dart
+++ b/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 {
--- a/test/features/recording/view_model_recording_test.dart
+++ b/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(
-          model.clipboardRecordingModel.address,
-          '广州市番禺区·粤港澳大湾区青年人才双创小镇',
-        );
-        expect(
-          model.clipboardRecordingModel.filename,
-          '选手名称_选手ID_赛事名称_赛项',
-        );
+        expect(model.clipboardRecordingModel.address, '广州市番禺区·粤港澳大湾区青年人才双创小镇');
+        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,
-        defaultClipboardTitle,
-      );
-    });
-
-    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,
+        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(
-          '{"title":"郑昌梦 丨黄伟依 空中格斗赛 小学组","address":"广东省汕头市番禺区青蓝街 111 号","filename":"郑昌梦_黄伟依_6月3日测试-1_空中格斗赛"}',
-        );
+        await setClipboardText('{"title":"王东方 丨李想 空中格斗赛"}');
        final container = ProviderContainer();
        addTearDown(container.dispose);

@@ -147,18 +151,36 @@ void main() {
            .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(result, ClipboardReadResult.invalid);
        expect(
-          model.clipboardRecordingModel.filename,
-          '郑昌梦_黄伟依_6月3日测试-1_空中格斗赛',
+          container
+              .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,
      );
    });
--- a/test/features/recording/widget_record_header_test.dart
+++ b/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);
+  });
+}
--- a/test/features/recording/widget_recording_button_test.dart
+++ b/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));
+  });
+}
--- a/test/features/recording/widget_recording_touch_lock_overlay_test.dart
+++ b/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);
+    });
+  });
+}
--- a/test/widget_test.dart
+++ b/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.pump(const Duration(milliseconds: 500));
+    await tester.tap(find.text('粘贴选手信息'));
+    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);
Author	SHA1	Message	Date
林锋	41fcd730f0	粘贴删除按钮不参与过渡	2026-06-08 15:51:05 +08:00
林锋	7ab03dd912	重构录制页面，优化 UI 组件，简化状态管理，移除不必要的参数，提升代码可读性和维护性。	2026-06-08 11:23:45 +08:00
林锋	29cfbdf8c4	录制按钮增加动画	2026-06-08 11:21:13 +08:00
林锋	7031765b4d	优化录制页面功能，修正剪贴板信息提示，新增停止录制后的结果提示，改进触摸锁定解锁逻辑，提升用户交互体验。	2026-06-08 11:10:22 +08:00
林锋	942d15e54c	优化交互体验增加动画效果	2026-06-08 10:58:10 +08:00
林锋	6b168ccd62	1.UI 优化 2.新增打包构建脚本	2026-06-08 10:19:19 +08:00
林锋	551d10dec4	兼容 IOS 端	2026-06-08 08:53:49 +08:00
				`@@ -0,0 +1 @@`
				`flutter build apk --release --split-per-abi`