粘贴删除按钮不参与过渡

2.新增打包构建脚本

.gitignore

@@ -12,12 +12,13 @@
 .swiftpm/
 migrate_working_dir/
 .vscode
-
+pubspec.lock
 # IntelliJ related
 *.iml
 *.ipr
 *.iws
 .idea/
+.cursor
 
 # The .vscode folder contains launch configuration and tasks you configure in
 # VS Code which you may wish to be included in version control, so this line
@@ -44,3 +45,5 @@ app.*.map.json
 /android/app/debug
 /android/app/profile
 /android/app/release
+/android/.kotlin
+

android/app/build.gradle.kts

@@ -1,11 +1,10 @@
 plugins {
     id("com.android.application")
-    id("kotlin-android")
-    // The Flutter Gradle Plugin must be applied after the Android and Kotlin Gradle plugins.
+    // The Flutter Gradle Plugin must be applied after the Android Gradle plugin.
     id("dev.flutter.flutter-gradle-plugin")
 }
 
-val appPackageName = "com.gdfw.fxjk"
+val appPackageName = "com.qxy.dronex"
 
 android {
     namespace = appPackageName
@@ -17,10 +16,6 @@ android {
         targetCompatibility = JavaVersion.VERSION_11
     }
 
-    kotlinOptions {
-        jvmTarget = JavaVersion.VERSION_11.toString()
-    }
-
     defaultConfig {
         applicationId = appPackageName
         // You can update the following values to match your application needs.
@@ -40,6 +35,12 @@ android {
     }
 }
 
+kotlin {
+    compilerOptions {
+        jvmTarget = org.jetbrains.kotlin.gradle.dsl.JvmTarget.JVM_11
+    }
+}
+
 dependencies {
     val cameraxVersion = "1.4.1"
     implementation("androidx.camera:camera-core:$cameraxVersion")

android/app/src/debug/AndroidManifest.xml

@@ -1,7 +0,0 @@
-<manifest xmlns:android="http://schemas.android.com/apk/res/android">
-    <!-- The INTERNET permission is required for development. Specifically,
-         the Flutter tool needs it to communicate with the running application
-         to allow setting breakpoints, to provide hot reload, etc.
-    -->
-    <uses-permission android:name="android.permission.INTERNET"/>
-</manifest>

android/app/src/main/AndroidManifest.xml

@@ -1,5 +1,6 @@
 <manifest xmlns:android="http://schemas.android.com/apk/res/android"
-    package="com.gdfw.fxjk">
+    package="com.qxy.dronex">
+    <uses-permission android:name="android.permission.INTERNET" />
     <uses-permission android:name="android.permission.CAMERA" />
     <uses-permission android:name="android.permission.RECORD_AUDIO" />
     <uses-permission android:name="android.permission.FOREGROUND_SERVICE" />
@@ -19,7 +20,7 @@
         android:required="true" />
 
     <application
-        android:label="飞行极控"
+        android:label="飞行极控录像工作台"
         android:name="${applicationName}"
         android:icon="@mipmap/ic_launcher">
         <activity
@@ -36,8 +37,8 @@
                 android:resource="@style/NormalTheme"
             />
             <intent-filter>
-                <action android:name="android.intent.action.MAIN"/>
-                <category android:name="android.intent.category.LAUNCHER"/>
+                <action android:name="android.intent.action.MAIN" />
+                <category android:name="android.intent.category.LAUNCHER" />
             </intent-filter>
         </activity>
 
@@ -52,8 +53,8 @@
     </application>
     <queries>
         <intent>
-            <action android:name="android.intent.action.PROCESS_TEXT"/>
-            <data android:mimeType="text/plain"/>
+            <action android:name="android.intent.action.PROCESS_TEXT" />
+            <data android:mimeType="text/plain" />
         </intent>
     </queries>
 </manifest>

android/app/src/main/kotlin/com/gdfw/fxjk/MainActivity.kt

@@ -1,47 +0,0 @@
-package com.gdfw.fxjk
-
-import androidx.camera.view.PreviewView
-import com.gdfw.fxjk.recording.RecordingPlatformHandler
-import com.gdfw.fxjk.recording.RecordingPreviewFactory
-import io.flutter.embedding.android.FlutterActivity
-import io.flutter.embedding.engine.FlutterEngine
-
-class MainActivity : FlutterActivity() {
-    private var platformHandler: RecordingPlatformHandler? = null
-
-    var recordingPreviewView: PreviewView? = null
-        private set
-
-    override fun configureFlutterEngine(flutterEngine: FlutterEngine) {
-        super.configureFlutterEngine(flutterEngine)
-        flutterEngine
-            .platformViewsController
-            .registry
-            .registerViewFactory(
-                "recording-camera-preview",
-                RecordingPreviewFactory(this),
-            )
-
-        platformHandler =
-            RecordingPlatformHandler(
-                this,
-                flutterEngine.dartExecutor.binaryMessenger,
-            )
-    }
-
-    fun attachRecordingPreview(previewView: PreviewView) {
-        recordingPreviewView = previewView
-    }
-
-    fun detachRecordingPreview(previewView: PreviewView? = null) {
-        if (previewView == null || recordingPreviewView === previewView) {
-            recordingPreviewView = null
-        }
-    }
-
-    override fun onDestroy() {
-        platformHandler?.dispose()
-        platformHandler = null
-        super.onDestroy()
-    }
-}

android/app/src/main/kotlin/com/gdfw/fxjk/recording/RecordingCameraController.kt

@@ -1,236 +0,0 @@
-package com.gdfw.fxjk.recording
-
-import android.content.Context
-import android.util.Log
-import androidx.camera.core.CameraSelector
-import androidx.camera.core.Preview
-import androidx.camera.lifecycle.ProcessCameraProvider
-import androidx.camera.video.Quality
-import androidx.camera.video.QualitySelector
-import androidx.camera.video.Recorder
-import androidx.camera.video.Recording
-import androidx.camera.video.VideoCapture
-import androidx.camera.video.VideoRecordEvent
-import androidx.camera.view.PreviewView
-import androidx.core.content.ContextCompat
-import androidx.lifecycle.LifecycleOwner
-import java.util.concurrent.Executor
-
-class RecordingCameraController(
-    private val appContext: Context,
-) {
-    private val mainExecutor: Executor = ContextCompat.getMainExecutor(appContext)
-
-    private var cameraProvider: ProcessCameraProvider? = null
-    private var preview: Preview? = null
-    private var videoCapture: VideoCapture<Recorder>? = null
-    private var activeRecording: Recording? = null
-    private var boundLifecycleOwner: LifecycleOwner? = null
-
-    var status: RecordingStatus = RecordingStatus(RecordingState.IDLE)
-        private set
-
-    var statusListener: ((RecordingStatus) -> Unit)? = null
-
-    private var recordingStartedAt: Long = 0L
-    private var latestOutputPath: String? = null
-    private var pendingStopCallback: ((String?) -> Unit)? = null
-
-    fun bindPreview(
-        lifecycleOwner: LifecycleOwner,
-        previewView: PreviewView,
-        onReady: (Boolean) -> Unit,
-    ) {
-        val future = ProcessCameraProvider.getInstance(appContext)
-        future.addListener(
-            {
-                try {
-                    val provider = future.get()
-                    cameraProvider = provider
-                    boundLifecycleOwner = lifecycleOwner
-
-                    preview =
-                        Preview.Builder().build().also {
-                            it.surfaceProvider = previewView.surfaceProvider
-                        }
-
-                    val recorder =
-                        Recorder.Builder()
-                            .setQualitySelector(QualitySelector.from(Quality.HD))
-                            .build()
-                    videoCapture = VideoCapture.withOutput(recorder)
-
-                    provider.unbindAll()
-                    provider.bindToLifecycle(
-                        lifecycleOwner,
-                        CameraSelector.DEFAULT_BACK_CAMERA,
-                        preview,
-                        videoCapture,
-                    )
-
-                    updateStatus(RecordingStatus(RecordingState.PREVIEWING))
-                    onReady(true)
-                } catch (error: Exception) {
-                    Log.e(TAG, "bindPreview failed", error)
-                    updateStatus(
-                        RecordingStatus(
-                            RecordingState.ERROR,
-                            message = error.message,
-                        ),
-                    )
-                    onReady(false)
-                }
-            },
-            mainExecutor,
-        )
-    }
-
-    fun rebindForRecording(
-        lifecycleOwner: LifecycleOwner,
-        previewView: PreviewView,
-        onReady: (Boolean) -> Unit,
-    ) {
-        val provider = cameraProvider
-        if (provider == null) {
-            bindPreview(lifecycleOwner, previewView, onReady)
-            return
-        }
-
-        try {
-            boundLifecycleOwner = lifecycleOwner
-            provider.unbindAll()
-            provider.bindToLifecycle(
-                lifecycleOwner,
-                CameraSelector.DEFAULT_BACK_CAMERA,
-                preview,
-                videoCapture,
-            )
-            onReady(true)
-        } catch (error: Exception) {
-            Log.e(TAG, "rebindForRecording failed", error)
-            onReady(false)
-        }
-    }
-
-    fun startRecording(
-        withAudio: Boolean,
-        displayName: String?,
-        onStarted: (Boolean, String?) -> Unit,
-    ) {
-        val capture = videoCapture
-        if (capture == null || boundLifecycleOwner == null) {
-            onStarted(false, "Camera not ready")
-            return
-        }
-
-        if (activeRecording != null) {
-            onStarted(false, "Already recording")
-            return
-        }
-
-        val outputOptions =
-            RecordingOutputFactory.buildMediaStoreOutputOptions(
-                appContext,
-                displayName,
-            )
-        latestOutputPath = null
-
-        val pending =
-            capture.output.prepareRecording(appContext, outputOptions).apply {
-                if (withAudio) {
-                    val granted =
-                        ContextCompat.checkSelfPermission(
-                            appContext,
-                            android.Manifest.permission.RECORD_AUDIO,
-                        ) == android.content.pm.PackageManager.PERMISSION_GRANTED
-                    if (granted) {
-                        withAudioEnabled()
-                    }
-                }
-            }
-
-        recordingStartedAt = System.currentTimeMillis()
-        updateStatus(
-            RecordingStatus(
-                RecordingState.RECORDING,
-                outputPath = latestOutputPath,
-            ),
-        )
-
-        activeRecording =
-            pending.start(mainExecutor) { event ->
-                when (event) {
-                    is VideoRecordEvent.Start -> Unit
-                    is VideoRecordEvent.Finalize -> {
-                        activeRecording = null
-                        if (event.hasError()) {
-                            updateStatus(
-                                RecordingStatus(
-                                    RecordingState.ERROR,
-                                    message = event.cause?.message ?: "Recording failed",
-                                ),
-                            )
-                        } else {
-                            latestOutputPath = event.outputResults.outputUri.toString()
-                            updateStatus(
-                                RecordingStatus(
-                                    RecordingState.PREVIEWING,
-                                    outputPath = latestOutputPath,
-                                    elapsedMillis = System.currentTimeMillis() - recordingStartedAt,
-                                ),
-                            )
-                        }
-                        val stopCallback = pendingStopCallback
-                        pendingStopCallback = null
-                        stopCallback?.invoke(latestOutputPath)
-                    }
-                }
-            }
-
-        onStarted(true, latestOutputPath ?: "recording")
-    }
-
-    fun stopRecording(onStopped: (String?) -> Unit) {
-        val recording = activeRecording
-        if (recording == null) {
-            onStopped(latestOutputPath)
-            return
-        }
-
-        pendingStopCallback = onStopped
-        updateStatus(
-            RecordingStatus(
-                RecordingState.STOPPING,
-                outputPath = latestOutputPath,
-            ),
-        )
-
-        recording.stop()
-        activeRecording = null
-    }
-
-    fun unbind() {
-        activeRecording?.stop()
-        activeRecording = null
-        cameraProvider?.unbindAll()
-        cameraProvider = null
-        preview = null
-        videoCapture = null
-        boundLifecycleOwner = null
-        updateStatus(RecordingStatus(RecordingState.IDLE))
-    }
-
-    fun elapsedMillis(): Long {
-        if (status.state != RecordingState.RECORDING) return 0L
-        return System.currentTimeMillis() - recordingStartedAt
-    }
-
-    private fun updateStatus(next: RecordingStatus) {
-        status = next
-        statusListener?.invoke(next)
-    }
-
-    companion object {
-        private const val TAG = "RecordingCamera"
-    }
-}

android/app/src/main/kotlin/com/gdfw/fxjk/recording/RecordingState.kt

@@ -1,24 +0,0 @@
-package com.gdfw.fxjk.recording
-
-enum class RecordingState {
-    IDLE,
-    PREVIEWING,
-    RECORDING,
-    STOPPING,
-    ERROR,
-}
-
-data class RecordingStatus(
-    val state: RecordingState,
-    val outputPath: String? = null,
-    val elapsedMillis: Long = 0L,
-    val message: String? = null,
-) {
-    fun toMap(): Map<String, Any?> =
-        mapOf(
-            "state" to state.name.lowercase(),
-            "outputPath" to outputPath,
-            "elapsedMillis" to elapsedMillis,
-            "message" to message,
-        )
-}

android/app/src/main/kotlin/com/qxy/dronex/AppConstants.kt

@@ -1,7 +1,8 @@
-package com.gdfw.fxjk
+package com.qxy.dronex
 
 object AppConstants {
-    const val PACKAGE_NAME = "com.gdfw.fxjk"
+    const val PACKAGE_NAME = "com.qxy.dronex"
+    const val PLATFORM_INFO_CHANNEL = "$PACKAGE_NAME/platform_info"
     const val RECORDING_METHOD_CHANNEL = "$PACKAGE_NAME/recording"
     const val RECORDING_EVENT_CHANNEL = "$PACKAGE_NAME/recording_events"
     const val RECORDING_ACTION_START = "$PACKAGE_NAME.recording.START"

android/app/src/main/kotlin/com/qxy/dronex/MainActivity.kt

@@ -0,0 +1,145 @@
+package com.qxy.dronex
+
+import android.content.Context
+import android.content.pm.ApplicationInfo
+import android.os.BatteryManager
+import android.os.Build
+import android.os.Environment
+import android.os.StatFs
+import androidx.camera.view.PreviewView
+import com.qxy.dronex.recording.RecordingPlatformHandler
+import com.qxy.dronex.recording.RecordingPreviewFactory
+import io.flutter.embedding.android.FlutterActivity
+import io.flutter.embedding.engine.FlutterEngine
+import io.flutter.plugin.common.MethodChannel
+
+class MainActivity : FlutterActivity() {
+    private var platformHandler: RecordingPlatformHandler? = null
+    private var platformInfoChannel: MethodChannel? = null
+
+    var recordingPreviewView: PreviewView? = null
+        private set
+
+    override fun configureFlutterEngine(flutterEngine: FlutterEngine) {
+        super.configureFlutterEngine(flutterEngine)
+        flutterEngine.platformViewsController.registry.registerViewFactory(
+                "recording-camera-preview",
+                RecordingPreviewFactory(this),
+        )
+
+        platformInfoChannel =
+                MethodChannel(
+                                flutterEngine.dartExecutor.binaryMessenger,
+                                AppConstants.PLATFORM_INFO_CHANNEL,
+                        )
+                        .also { channel ->
+                            channel.setMethodCallHandler { call, result ->
+                                when (call.method) {
+                                    "packageInfo" -> result.success(packageInfoMap())
+                                    "deviceInfo" -> result.success(deviceInfoMap())
+                                    "deviceHealth" -> result.success(deviceHealthMap())
+                                    else -> result.notImplemented()
+                                }
+                            }
+                        }
+
+        platformHandler =
+                RecordingPlatformHandler(
+                        this,
+                        flutterEngine.dartExecutor.binaryMessenger,
+                )
+    }
+
+    fun attachRecordingPreview(previewView: PreviewView) {
+        recordingPreviewView = previewView
+    }
+
+    fun detachRecordingPreview(previewView: PreviewView? = null) {
+        if (previewView == null || recordingPreviewView === previewView) {
+            recordingPreviewView = null
+        }
+    }
+
+    override fun onDestroy() {
+        platformInfoChannel?.setMethodCallHandler(null)
+        platformInfoChannel = null
+        platformHandler?.dispose()
+        platformHandler = null
+        super.onDestroy()
+    }
+
+    private fun packageInfoMap(): Map<String, String> {
+        val packageInfo =
+                if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.TIRAMISU) {
+                    packageManager.getPackageInfo(
+                            packageName,
+                            android.content.pm.PackageManager.PackageInfoFlags.of(0),
+                    )
+                } else {
+                    @Suppress("DEPRECATION") packageManager.getPackageInfo(packageName, 0)
+                }
+
+        val appName = applicationInfo.loadLabel(packageManager)?.toString().orEmpty()
+        val versionCode =
+                if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.P) {
+                    packageInfo.longVersionCode.toString()
+                } else {
+                    @Suppress("DEPRECATION") packageInfo.versionCode.toString()
+                }
+
+        return mapOf(
+                "appName" to appName,
+                "packageName" to packageName,
+                "version" to packageInfo.versionName.orEmpty(),
+                "buildNumber" to versionCode,
+        )
+    }
+
+    private fun deviceInfoMap(): Map<String, Any> {
+        val flags = applicationInfo.flags
+        val isEmulator =
+                Build.FINGERPRINT.startsWith("generic") ||
+                        Build.FINGERPRINT.startsWith("unknown") ||
+                        Build.MODEL.contains("google_sdk") ||
+                        Build.MODEL.contains("Emulator") ||
+                        Build.MODEL.contains("Android SDK built for x86") ||
+                        Build.MANUFACTURER.contains("Genymotion") ||
+                        Build.BRAND.startsWith("generic") && Build.DEVICE.startsWith("generic") ||
+                        Build.PRODUCT == "google_sdk" ||
+                        flags and ApplicationInfo.FLAG_DEBUGGABLE != 0 &&
+                                Build.HARDWARE.contains("ranchu")
+
+        return mapOf(
+                "platform" to "android",
+                "brand" to Build.BRAND,
+                "model" to Build.MODEL,
+                "systemVersion" to Build.VERSION.RELEASE,
+                "isPhysicalDevice" to !isEmulator,
+        )
+    }
+
+    private fun deviceHealthMap(): Map<String, Any?> {
+        val batteryLevelPercent = readBatteryLevelPercent()
+        val storageAvailablePercent = readStorageAvailablePercent()
+        return mapOf(
+                "batteryLevelPercent" to batteryLevelPercent,
+                "storageAvailablePercent" to storageAvailablePercent,
+        )
+    }
+
+    private fun readBatteryLevelPercent(): Int? {
+        val batteryManager = getSystemService(Context.BATTERY_SERVICE) as? BatteryManager
+                ?: return null
+        val level =
+                batteryManager.getIntProperty(BatteryManager.BATTERY_PROPERTY_CAPACITY)
+        return if (level in 0..100) level else null
+    }
+
+    private fun readStorageAvailablePercent(): Double {
+        val stat = StatFs(Environment.getDataDirectory().path)
+        val totalBytes = stat.totalBytes
+        if (totalBytes <= 0L) return 100.0
+        val availableBytes = stat.availableBytes
+        return availableBytes.toDouble() / totalBytes.toDouble() * 100.0
+    }
+}

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

@@ -1,4 +1,4 @@
-package com.gdfw.fxjk.recording
+package com.qxy.dronex.recording
 
 import android.content.Context
 import android.content.Intent

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

@@ -1,9 +1,8 @@
-package com.gdfw.fxjk.recording
+package com.qxy.dronex.recording
 
 import android.app.NotificationManager
 import android.content.Context
 import android.content.Intent
-import android.os.Build
 import android.provider.Settings
 import androidx.core.app.NotificationManagerCompat
 
@@ -16,7 +15,8 @@ object DoNotDisturbHelper {
     }
 
     fun openAccessSettings(context: Context) {
-        val intent = Intent(Settings.ACTION_NOTIFICATION_POLICY_ACCESS_SETTINGS).apply {
+        val intent =
+                Intent(Settings.ACTION_NOTIFICATION_POLICY_ACCESS_SETTINGS).apply {
                     addFlags(Intent.FLAG_ACTIVITY_NEW_TASK)
                 }
         context.startActivity(intent)

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

@@ -0,0 +1,248 @@
+package com.qxy.dronex.recording
+
+import android.content.Context
+import android.util.Log
+import androidx.camera.core.CameraSelector
+import androidx.camera.core.Preview
+import androidx.camera.lifecycle.ProcessCameraProvider
+import androidx.camera.video.Quality
+import androidx.camera.video.QualitySelector
+import androidx.camera.video.Recorder
+import androidx.camera.video.Recording
+import androidx.camera.video.VideoCapture
+import androidx.camera.video.VideoRecordEvent
+import androidx.camera.view.PreviewView
+import androidx.core.content.ContextCompat
+import androidx.lifecycle.LifecycleOwner
+import java.util.concurrent.Executor
+
+class RecordingCameraController(
+        private val appContext: Context,
+) {
+    private val mainExecutor: Executor = ContextCompat.getMainExecutor(appContext)
+
+    private var cameraProvider: ProcessCameraProvider? = null
+    private var preview: Preview? = null
+    private var videoCapture: VideoCapture<Recorder>? = null
+    private var activeRecording: Recording? = null
+    private var boundLifecycleOwner: LifecycleOwner? = null
+
+    var status: RecordingStatus = RecordingStatus(RecordingState.IDLE)
+        private set
+
+    var statusListener: ((RecordingStatus) -> Unit)? = null
+
+    private var recordingStartedAt: Long = 0L
+    private var latestOutputPath: String? = null
+    private var pendingStopCallback: ((String?) -> Unit)? = null
+
+    fun bindPreview(
+            lifecycleOwner: LifecycleOwner,
+            previewView: PreviewView,
+            onReady: (Boolean) -> Unit,
+    ) {
+        val future = ProcessCameraProvider.getInstance(appContext)
+        future.addListener(
+                {
+                    try {
+                        val provider = future.get()
+                        cameraProvider = provider
+                        boundLifecycleOwner = lifecycleOwner
+
+                        preview =
+                                Preview.Builder().build().also {
+                                    it.surfaceProvider = previewView.surfaceProvider
+                                }
+
+                        val recorder =
+                                Recorder.Builder()
+                                        .setQualitySelector(QualitySelector.from(Quality.HD))
+                                        .build()
+                        videoCapture = VideoCapture.withOutput(recorder)
+
+                        provider.unbindAll()
+                        provider.bindToLifecycle(
+                                lifecycleOwner,
+                                CameraSelector.DEFAULT_BACK_CAMERA,
+                                preview,
+                                videoCapture,
+                        )
+
+                        updateStatus(RecordingStatus(RecordingState.PREVIEWING))
+                        onReady(true)
+                    } catch (error: Exception) {
+                        Log.e(TAG, "bindPreview failed", error)
+                        updateStatus(
+                                RecordingStatus(
+                                        RecordingState.ERROR,
+                                        message = error.message,
+                                ),
+                        )
+                        onReady(false)
+                    }
+                },
+                mainExecutor,
+        )
+    }
+
+    fun rebindForRecording(
+            lifecycleOwner: LifecycleOwner,
+            previewView: PreviewView,
+            onReady: (Boolean) -> Unit,
+    ) {
+        val provider = cameraProvider
+        if (provider == null) {
+            bindPreview(lifecycleOwner, previewView, onReady)
+            return
+        }
+
+        if (
+                boundLifecycleOwner === lifecycleOwner &&
+                        preview != null &&
+                        videoCapture != null
+        ) {
+            onReady(true)
+            return
+        }
+
+        try {
+            boundLifecycleOwner = lifecycleOwner
+            provider.unbindAll()
+            provider.bindToLifecycle(
+                    lifecycleOwner,
+                    CameraSelector.DEFAULT_BACK_CAMERA,
+                    preview,
+                    videoCapture,
+            )
+            onReady(true)
+        } catch (error: Exception) {
+            Log.e(TAG, "rebindForRecording failed", error)
+            onReady(false)
+        }
+    }
+
+    fun startRecording(
+            withAudio: Boolean,
+            displayName: String?,
+            onStarted: (Boolean, String?) -> Unit,
+    ) {
+        val capture = videoCapture
+        if (capture == null || boundLifecycleOwner == null) {
+            onStarted(false, "Camera not ready")
+            return
+        }
+
+        if (activeRecording != null) {
+            onStarted(false, "Already recording")
+            return
+        }
+
+        val outputOptions =
+                RecordingOutputFactory.buildMediaStoreOutputOptions(
+                        appContext,
+                        displayName,
+                )
+        latestOutputPath = null
+
+        val pending =
+                capture.output.prepareRecording(appContext, outputOptions).apply {
+                    if (withAudio) {
+                        val granted =
+                                ContextCompat.checkSelfPermission(
+                                        appContext,
+                                        android.Manifest.permission.RECORD_AUDIO,
+                                ) == android.content.pm.PackageManager.PERMISSION_GRANTED
+                        if (granted) {
+                            withAudioEnabled()
+                        }
+                    }
+                }
+
+        recordingStartedAt = System.currentTimeMillis()
+        updateStatus(
+                RecordingStatus(
+                        RecordingState.RECORDING,
+                        outputPath = latestOutputPath,
+                ),
+        )
+
+        activeRecording =
+                pending.start(mainExecutor) { event ->
+                    when (event) {
+                        is VideoRecordEvent.Start -> Unit
+                        is VideoRecordEvent.Finalize -> {
+                            activeRecording = null
+                            if (event.hasError()) {
+                                updateStatus(
+                                        RecordingStatus(
+                                                RecordingState.ERROR,
+                                                message = event.cause?.message
+                                                                ?: "Recording failed",
+                                        ),
+                                )
+                            } else {
+                                latestOutputPath = event.outputResults.outputUri.toString()
+                                updateStatus(
+                                        RecordingStatus(
+                                                RecordingState.PREVIEWING,
+                                                outputPath = latestOutputPath,
+                                                elapsedMillis =
+                                                        System.currentTimeMillis() -
+                                                                recordingStartedAt,
+                                        ),
+                                )
+                            }
+                            val stopCallback = pendingStopCallback
+                            pendingStopCallback = null
+                            stopCallback?.invoke(latestOutputPath)
+                        }
+                    }
+                }
+
+        onStarted(true, latestOutputPath ?: "recording")
+    }
+
+    fun stopRecording(onStopped: (String?) -> Unit) {
+        val recording = activeRecording
+        if (recording == null) {
+            onStopped(latestOutputPath)
+            return
+        }
+
+        pendingStopCallback = onStopped
+        updateStatus(
+                RecordingStatus(
+                        RecordingState.STOPPING,
+                        outputPath = latestOutputPath,
+                ),
+        )
+
+        recording.stop()
+        activeRecording = null
+    }
+
+    fun unbind() {
+        activeRecording?.stop()
+        activeRecording = null
+        cameraProvider?.unbindAll()
+        cameraProvider = null
+        preview = null
+        videoCapture = null
+        boundLifecycleOwner = null
+        updateStatus(RecordingStatus(RecordingState.IDLE))
+    }
+
+    fun elapsedMillis(): Long {
+        if (status.state != RecordingState.RECORDING) return 0L
+        return System.currentTimeMillis() - recordingStartedAt
+    }
+
+    private fun updateStatus(next: RecordingStatus) {
+        status = next
+        statusListener?.invoke(next)
+    }
+
+    companion object {
+        private const val TAG = "RecordingCamera"
+    }
+}

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

@@ -1,22 +1,21 @@
-package com.gdfw.fxjk.recording
+package com.qxy.dronex.recording
 
 import android.app.Notification
 import android.app.NotificationChannel
 import android.app.NotificationManager
 import android.app.PendingIntent
-import android.app.Service
 import android.content.Context
 import android.content.Intent
 import android.content.pm.PackageManager
 import android.content.pm.ServiceInfo
 import android.os.Build
-import androidx.core.content.ContextCompat
 import android.os.IBinder
 import android.os.PowerManager
 import androidx.core.app.NotificationCompat
+import androidx.core.content.ContextCompat
 import androidx.lifecycle.LifecycleService
-import com.gdfw.fxjk.AppConstants
-import com.gdfw.fxjk.MainActivity
+import com.qxy.dronex.AppConstants
+import com.qxy.dronex.MainActivity
 
 class RecordingForegroundService : LifecycleService() {
     private var wakeLock: PowerManager.WakeLock? = null
@@ -94,7 +93,8 @@ class RecordingForegroundService : LifecycleService() {
                                 CHANNEL_ID,
                                 "录制服务",
                                 NotificationManager.IMPORTANCE_LOW,
-            ).apply {
+                        )
+                        .apply {
                             description = "保持相机录制在后台与息屏时继续运行"
                             setShowBadge(false)
                         }
@@ -146,11 +146,9 @@ class RecordingForegroundService : LifecycleService() {
         const val NOTIFICATION_ID = 1001
         private const val WAKE_LOCK_TAG = "record_tool:recording_wake_lock"
 
-        @Volatile
-        var isRunning: Boolean = false
+        @Volatile var isRunning: Boolean = false
 
-        @Volatile
-        var instance: RecordingForegroundService? = null
+        @Volatile var instance: RecordingForegroundService? = null
 
         fun start(context: Context) {
             val intent =

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

@@ -1,4 +1,4 @@
-package com.gdfw.fxjk.recording
+package com.qxy.dronex.recording
 
 import android.content.ContentValues
 import android.content.Context
@@ -10,7 +10,7 @@ import java.util.Date
 import java.util.Locale
 
 object RecordingOutputFactory {
-    private const val RELATIVE_PATH = "Movies/飞行极控"
+    private const val RELATIVE_PATH = "Movies/飞行极控录像工作台"
     private const val MIME_TYPE = "video/mp4"
 
     fun buildMediaStoreOutputOptions(
@@ -44,8 +44,7 @@ object RecordingOutputFactory {
                 "$trimmed.mp4"
             }
         }
-        val timestamp =
-            SimpleDateFormat("yyyyMMdd_HHmmss", Locale.US).format(Date())
+        val timestamp = SimpleDateFormat("yyyyMMdd_HHmmss", Locale.US).format(Date())
         return "REC_$timestamp.mp4"
     }
 }

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

@@ -1,14 +1,12 @@
-package com.gdfw.fxjk.recording
+package com.qxy.dronex.recording
 
-import android.app.Activity
-import android.os.Build
 import android.os.Handler
 import android.os.Looper
 import androidx.core.view.WindowCompat
 import androidx.core.view.WindowInsetsCompat
 import androidx.core.view.WindowInsetsControllerCompat
-import com.gdfw.fxjk.AppConstants
-import com.gdfw.fxjk.MainActivity
+import com.qxy.dronex.AppConstants
+import com.qxy.dronex.MainActivity
 import io.flutter.plugin.common.BinaryMessenger
 import io.flutter.plugin.common.EventChannel
 import io.flutter.plugin.common.MethodCall
@@ -18,10 +16,8 @@ class RecordingPlatformHandler(
         private val activity: MainActivity,
         messenger: BinaryMessenger,
 ) : MethodChannel.MethodCallHandler, EventChannel.StreamHandler {
-    private val methodChannel =
-        MethodChannel(messenger, AppConstants.RECORDING_METHOD_CHANNEL)
-    private val eventChannel =
-        EventChannel(messenger, AppConstants.RECORDING_EVENT_CHANNEL)
+    private val methodChannel = MethodChannel(messenger, AppConstants.RECORDING_METHOD_CHANNEL)
+    private val eventChannel = EventChannel(messenger, AppConstants.RECORDING_EVENT_CHANNEL)
 
     private val mainHandler = Handler(Looper.getMainLooper())
     private var eventSink: EventChannel.EventSink? = null
@@ -33,9 +29,7 @@ class RecordingPlatformHandler(
         methodChannel.setMethodCallHandler(this)
         eventChannel.setStreamHandler(this)
         controller.statusListener = { status ->
-            mainHandler.post {
-                eventSink?.success(status.toMap())
-            }
+            mainHandler.post { eventSink?.success(status.toMap()) }
         }
     }
 
@@ -60,14 +54,12 @@ class RecordingPlatformHandler(
                 controller.unbind()
                 result.success(null)
             }
-            "hasNotificationPolicyAccess" ->
-                result.success(DoNotDisturbHelper.hasAccess(activity))
+            "hasNotificationPolicyAccess" -> result.success(DoNotDisturbHelper.hasAccess(activity))
             "openNotificationPolicySettings" -> {
                 DoNotDisturbHelper.openAccessSettings(activity)
                 result.success(null)
             }
-            "enableDoNotDisturb" ->
-                result.success(DoNotDisturbHelper.enable(activity))
+            "enableDoNotDisturb" -> result.success(DoNotDisturbHelper.enable(activity))
             "disableDoNotDisturb" -> {
                 DoNotDisturbHelper.disable(activity)
                 result.success(null)
@@ -84,8 +76,7 @@ class RecordingPlatformHandler(
                 result.success(null)
             }
             "getStatus" -> result.success(controller.status.toMap())
-            "isForegroundServiceRunning" ->
-                result.success(RecordingForegroundService.isRunning)
+            "isForegroundServiceRunning" -> result.success(RecordingForegroundService.isRunning)
             else -> result.notImplemented()
         }
     }
@@ -147,8 +138,7 @@ class RecordingPlatformHandler(
         }
 
         fun rebindAndCapture() {
-            val lifecycleOwner =
-                RecordingForegroundService.instance ?: activity
+            val lifecycleOwner = RecordingForegroundService.instance ?: activity
             controller.rebindForRecording(lifecycleOwner, previewView) { ready ->
                 if (ready) {
                     beginCapture()
@@ -171,23 +161,30 @@ class RecordingPlatformHandler(
         controller.stopRecording { path ->
             RecordingSession.stopForeground(activity)
             DoNotDisturbHelper.disable(activity)
-            mainHandler.post {
-                val gallerySaved =
-                    path != null &&
-                        controller.status.state != RecordingState.ERROR
-                val payload = mutableMapOf<String, Any?>(
+            val previewView = activity.recordingPreviewView
+            if (previewView == null) {
+                mainHandler.post { deliverStopResult(result, path) }
+                return@stopRecording
+            }
+            controller.rebindForRecording(activity, previewView) { _ ->
+                mainHandler.post { deliverStopResult(result, path) }
+            }
+        }
+    }
+
+    private fun deliverStopResult(result: MethodChannel.Result, path: String?) {
+        val gallerySaved = path != null && controller.status.state != RecordingState.ERROR
+        val payload =
+                mutableMapOf<String, Any?>(
                         "outputPath" to path,
                         "status" to controller.status.toMap(),
                         "gallerySaved" to gallerySaved,
                 )
         if (!gallerySaved) {
-                    payload["galleryErrorMessage"] =
-                        controller.status.message ?: "保存到相册失败"
+            payload["galleryErrorMessage"] = controller.status.message ?: "保存到相册失败"
         }
         result.success(payload)
     }
-        }
-    }
 
     private fun setImmersiveMode(enabled: Boolean) {
         val window = activity.window
@@ -209,16 +206,19 @@ class RecordingPlatformHandler(
                             override fun run() {
                                 if (controller.status.state == RecordingState.RECORDING) {
                                     eventSink?.success(
-                            controller.status.copy(
-                                elapsedMillis = controller.elapsedMillis(),
-                            ).toMap(),
+                                            controller
+                                                    .status
+                                                    .copy(
+                                                            elapsedMillis =
+                                                                    controller.elapsedMillis(),
+                                                    )
+                                                    .toMap(),
                                     )
                                     mainHandler.postDelayed(this, 1000L)
                                 }
                             }
-            }.also {
-                mainHandler.post(it)
                         }
+                        .also { mainHandler.post(it) }
     }
 
     private fun stopElapsedTicker() {

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

@@ -1,9 +1,9 @@
-package com.gdfw.fxjk.recording
+package com.qxy.dronex.recording
 
 import android.content.Context
 import android.view.View
 import androidx.camera.view.PreviewView
-import com.gdfw.fxjk.MainActivity
+import com.qxy.dronex.MainActivity
 import io.flutter.plugin.common.StandardMessageCodec
 import io.flutter.plugin.platform.PlatformView
 import io.flutter.plugin.platform.PlatformViewFactory

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

@@ -1,4 +1,4 @@
-package com.gdfw.fxjk.recording
+package com.qxy.dronex.recording
 
 import android.content.Context
 import androidx.lifecycle.LifecycleService

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

@@ -0,0 +1,24 @@
+package com.qxy.dronex.recording
+
+enum class RecordingState {
+    IDLE,
+    PREVIEWING,
+    RECORDING,
+    STOPPING,
+    ERROR,
+}
+
+data class RecordingStatus(
+        val state: RecordingState,
+        val outputPath: String? = null,
+        val elapsedMillis: Long = 0L,
+        val message: String? = null,
+) {
+    fun toMap(): Map<String, Any?> =
+            mapOf(
+                    "state" to state.name.lowercase(),
+                    "outputPath" to outputPath,
+                    "elapsedMillis" to elapsedMillis,
+                    "message" to message,
+            )
+}

android/app/src/main/res/drawable-v21/launch_background.xml

@@ -1,12 +1,8 @@
 <?xml version="1.0" encoding="utf-8"?>
-<!-- Modify this file to customize your launch splash screen -->
 <layer-list xmlns:android="http://schemas.android.com/apk/res/android">
-    <item android:drawable="?android:colorBackground" />
-
-    <!-- You can insert your own image assets here -->
-    <!-- <item>
+    <item>
         <bitmap
-            android:gravity="center"
-            android:src="@mipmap/launch_image" />
-    </item> -->
+            android:gravity="fill"
+            android:src="@drawable/startup_background" />
+    </item>
 </layer-list>

android/app/src/main/res/drawable/launch_background.xml

@@ -1,12 +1,8 @@
 <?xml version="1.0" encoding="utf-8"?>
-<!-- Modify this file to customize your launch splash screen -->
 <layer-list xmlns:android="http://schemas.android.com/apk/res/android">
-    <item android:drawable="@android:color/white" />
-
-    <!-- You can insert your own image assets here -->
-    <!-- <item>
+    <item>
         <bitmap
-            android:gravity="center"
-            android:src="@mipmap/launch_image" />
-    </item> -->
+            android:gravity="fill"
+            android:src="@drawable/startup_background" />
+    </item>
 </layer-list>

android/app/src/profile/AndroidManifest.xml

@@ -1,7 +0,0 @@
-<manifest xmlns:android="http://schemas.android.com/apk/res/android">
-    <!-- The INTERNET permission is required for development. Specifically,
-         the Flutter tool needs it to communicate with the running application
-         to allow setting breakpoints, to provide hot reload, etc.
-    -->
-    <uses-permission android:name="android.permission.INTERNET"/>
-</manifest>

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,22 +1,55 @@
 PODS:
+  - connectivity_plus (0.0.1):
+    - Flutter
   - Flutter (1.0.0)
-  - permission_handler_apple (9.3.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
-  permission_handler_apple: 4ed2196e43d0651e8ff7ca3483a069d469701f2d
+  path_provider_foundation: bb55f6dbba17d0dccd6737fe6f7f34fbd0376880
+  permission_handler_apple: 92d754bbaa7361d436db2d6c3c1c2a0fdcec462e
+  shared_preferences_foundation: 7036424c3d8ec98dfe75ff1667cb0cd531ec82bb
+  sqflite_darwin: 20b2a3a3b70e43edae938624ce550a3cbf66a3d0
+  url_launcher_ios: 7a95fa5b60cc718a708b8f2966718e93db0cef1b
 
-PODFILE CHECKSUM: 6f58d96c1fb09d1d57dbcbf38a5d856d7302054a
+PODFILE CHECKSUM: 5a82b772179df87e6518bddc6f9bb8b4053ce48b
 
 COCOAPODS: 1.16.2

ios/Runner.xcodeproj/project.pbxproj

@@ -12,9 +12,9 @@
 		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 */; };
-		8D5D9D9E2C69000100F10001 /* RecordingPlugin.swift in Sources */ = {isa = PBXBuildFile; fileRef = 8D5D9D9D2C69000100F10001 /* RecordingPlugin.swift */; };
 		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 */; };
 		97C146FC1CF9000F007C117D /* Main.storyboard in Resources */ = {isa = PBXBuildFile; fileRef = 97C146FA1CF9000F007C117D /* Main.storyboard */; };
 		97C146FE1CF9000F007C117D /* Assets.xcassets in Resources */ = {isa = PBXBuildFile; fileRef = 97C146FD1CF9000F007C117D /* Assets.xcassets */; };
 		97C147011CF9000F007C117D /* LaunchScreen.storyboard in Resources */ = {isa = PBXBuildFile; fileRef = 97C146FF1CF9000F007C117D /* LaunchScreen.storyboard */; };
@@ -53,9 +53,9 @@
 		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>"; };
-		8D5D9D9D2C69000100F10001 /* RecordingPlugin.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = RecordingPlugin.swift; 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>"; };
 		95C6AC1536EA3DBA2D369C55 /* Pods-RunnerTests.debug.xcconfig */ = {isa = PBXFileReference; includeInIndex = 1; lastKnownFileType = text.xcconfig; name = "Pods-RunnerTests.debug.xcconfig"; path = "Target Support Files/Pods-RunnerTests/Pods-RunnerTests.debug.xcconfig"; sourceTree = "<group>"; };
 		9740EEB21CF90195004384FC /* Debug.xcconfig */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = text.xcconfig; name = Debug.xcconfig; path = Flutter/Debug.xcconfig; sourceTree = "<group>"; };
 		9740EEB31CF90195004384FC /* Generated.xcconfig */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = text.xcconfig; name = Generated.xcconfig; path = Flutter/Generated.xcconfig; sourceTree = "<group>"; };
@@ -84,7 +84,6 @@
 			isa = PBXFrameworksBuildPhase;
 			buildActionMask = 2147483647;
 			files = (
-				78A318202AECB46A00862997 /* FlutterGeneratedPluginSwiftPackage in Frameworks */,
 				87DA76CA5231F693C9392B80 /* Pods_Runner.framework in Frameworks */,
 			);
 			runOnlyForDeploymentPostprocessing = 0;
@@ -102,7 +101,6 @@
 				DFA822DC4965C5AFAFF6BB41 /* Pods-RunnerTests.release.xcconfig */,
 				99DBE6263F70650B13C33EAC /* Pods-RunnerTests.profile.xcconfig */,
 			);
-			name = Pods;
 			path = Pods;
 			sourceTree = "<group>";
 		};
@@ -126,7 +124,6 @@
 		9740EEB11CF90186004384FC /* Flutter */ = {
 			isa = PBXGroup;
 			children = (
-				78E0A7A72DC9AD7400C4905E /* FlutterGeneratedPluginSwiftPackage */,
 				3B3967151E833CAA004F5970 /* AppFrameworkInfo.plist */,
 				9740EEB21CF90195004384FC /* Debug.xcconfig */,
 				7AFA3C8E1D35360C0083082E /* Release.xcconfig */,
@@ -167,6 +164,7 @@
 				1498D2331E8E89220040F4C2 /* GeneratedPluginRegistrant.m */,
 				74858FAE1ED2DC5600515810 /* AppDelegate.swift */,
 				8D5D9D9D2C69000100F10001 /* RecordingPlugin.swift */,
+				8E5D9D9D2C69000100F10002 /* PlatformInfoPlugin.swift */,
 				74858FAD1ED2DC5600515810 /* Runner-Bridging-Header.h */,
 			);
 			path = Runner;
@@ -205,16 +203,14 @@
 				97C146EC1CF9000F007C117D /* Resources */,
 				9705A1C41CF9048500538489 /* Embed Frameworks */,
 				3B06AD1E1E4923F5004D2608 /* Thin Binary */,
-				62D3774184B6C76B8E34C8C2 /* [CP] Copy Pods Resources */,
+				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";
@@ -248,9 +244,6 @@
 				Base,
 			);
 			mainGroup = 97C146E51CF9000F007C117D;
-			packageReferences = (
-				781AD8BC2B33823900A9FFBB /* XCLocalSwiftPackageReference "FlutterGeneratedPluginSwiftPackage" */,
-			);
 			productRefGroup = 97C146EF1CF9000F007C117D /* Products */;
 			projectDirPath = "";
 			projectRoot = "";
@@ -343,21 +336,21 @@
 			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;
 		};
-		62D3774184B6C76B8E34C8C2 /* [CP] Copy Pods Resources */ = {
+		7858230D5ADC7A99F778CB03 /* [CP] Embed Pods Frameworks */ = {
 			isa = PBXShellScriptBuildPhase;
 			buildActionMask = 2147483647;
 			files = (
 			);
 			inputFileListPaths = (
-				"${PODS_ROOT}/Target Support Files/Pods-Runner/Pods-Runner-resources-${CONFIGURATION}-input-files.xcfilelist",
+				"${PODS_ROOT}/Target Support Files/Pods-Runner/Pods-Runner-frameworks-${CONFIGURATION}-input-files.xcfilelist",
 			);
-			name = "[CP] Copy Pods Resources";
+			name = "[CP] Embed Pods Frameworks";
 			outputFileListPaths = (
-				"${PODS_ROOT}/Target Support Files/Pods-Runner/Pods-Runner-resources-${CONFIGURATION}-output-files.xcfilelist",
+				"${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-resources.sh\"\n";
+			shellScript = "\"${PODS_ROOT}/Target Support Files/Pods-Runner/Pods-Runner-frameworks.sh\"\n";
 			showEnvVarsInLog = 0;
 		};
 		9740EEB61CF901F6004384FC /* Run Script */ = {
@@ -375,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 */
@@ -392,6 +402,7 @@
 			files = (
 				74858FAF1ED2DC5600515810 /* AppDelegate.swift in Sources */,
 				8D5D9D9E2C69000100F10001 /* RecordingPlugin.swift in Sources */,
+				8E5D9D9E2C69000100F10002 /* PlatformInfoPlugin.swift in Sources */,
 				1498D2341E8E89220040F4C2 /* GeneratedPluginRegistrant.m in Sources */,
 			);
 			runOnlyForDeploymentPostprocessing = 0;
@@ -492,7 +503,7 @@
 					"$(inherited)",
 					"@executable_path/Frameworks",
 				);
-				PRODUCT_BUNDLE_IDENTIFIER = com.example.flutterTemplate;
+				PRODUCT_BUNDLE_IDENTIFIER = com.qxy.dronex;
 				PRODUCT_NAME = "$(TARGET_NAME)";
 				SWIFT_OBJC_BRIDGING_HEADER = "Runner/Runner-Bridging-Header.h";
 				SWIFT_VERSION = 5.0;
@@ -509,7 +520,7 @@
 				CURRENT_PROJECT_VERSION = 1;
 				GENERATE_INFOPLIST_FILE = YES;
 				MARKETING_VERSION = 1.0;
-				PRODUCT_BUNDLE_IDENTIFIER = com.example.flutterTemplate.RunnerTests;
+				PRODUCT_BUNDLE_IDENTIFIER = com.qxy.dronex.RunnerTests;
 				PRODUCT_NAME = "$(TARGET_NAME)";
 				SWIFT_ACTIVE_COMPILATION_CONDITIONS = DEBUG;
 				SWIFT_OPTIMIZATION_LEVEL = "-Onone";
@@ -527,7 +538,7 @@
 				CURRENT_PROJECT_VERSION = 1;
 				GENERATE_INFOPLIST_FILE = YES;
 				MARKETING_VERSION = 1.0;
-				PRODUCT_BUNDLE_IDENTIFIER = com.example.flutterTemplate.RunnerTests;
+				PRODUCT_BUNDLE_IDENTIFIER = com.qxy.dronex.RunnerTests;
 				PRODUCT_NAME = "$(TARGET_NAME)";
 				SWIFT_VERSION = 5.0;
 				TEST_HOST = "$(BUILT_PRODUCTS_DIR)/Runner.app/$(BUNDLE_EXECUTABLE_FOLDER_PATH)/Runner";
@@ -543,7 +554,7 @@
 				CURRENT_PROJECT_VERSION = 1;
 				GENERATE_INFOPLIST_FILE = YES;
 				MARKETING_VERSION = 1.0;
-				PRODUCT_BUNDLE_IDENTIFIER = com.example.flutterTemplate.RunnerTests;
+				PRODUCT_BUNDLE_IDENTIFIER = com.qxy.dronex.RunnerTests;
 				PRODUCT_NAME = "$(TARGET_NAME)";
 				SWIFT_VERSION = 5.0;
 				TEST_HOST = "$(BUILT_PRODUCTS_DIR)/Runner.app/$(BUNDLE_EXECUTABLE_FOLDER_PATH)/Runner";
@@ -675,7 +686,7 @@
 					"$(inherited)",
 					"@executable_path/Frameworks",
 				);
-				PRODUCT_BUNDLE_IDENTIFIER = com.example.flutterTemplate;
+				PRODUCT_BUNDLE_IDENTIFIER = com.qxy.dronex;
 				PRODUCT_NAME = "$(TARGET_NAME)";
 				SWIFT_OBJC_BRIDGING_HEADER = "Runner/Runner-Bridging-Header.h";
 				SWIFT_OPTIMIZATION_LEVEL = "-Onone";
@@ -698,7 +709,7 @@
 					"$(inherited)",
 					"@executable_path/Frameworks",
 				);
-				PRODUCT_BUNDLE_IDENTIFIER = com.example.flutterTemplate;
+				PRODUCT_BUNDLE_IDENTIFIER = com.qxy.dronex;
 				PRODUCT_NAME = "$(TARGET_NAME)";
 				SWIFT_OBJC_BRIDGING_HEADER = "Runner/Runner-Bridging-Header.h";
 				SWIFT_VERSION = 5.0;
@@ -740,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/AppDelegate.swift

@@ -15,5 +15,8 @@ import UIKit
     if let registrar = engineBridge.pluginRegistry.registrar(forPlugin: "RecordingPlugin") {
       RecordingPlugin.register(with: registrar)
     }
+    if let registrar = engineBridge.pluginRegistry.registrar(forPlugin: "PlatformInfoPlugin") {
+      PlatformInfoPlugin.register(with: registrar)
+    }
   }
 }

ios/Runner/Info.plist

@@ -7,7 +7,7 @@
 	<key>CFBundleDevelopmentRegion</key>
 	<string>$(DEVELOPMENT_LANGUAGE)</string>
 	<key>CFBundleDisplayName</key>
-	<string>飞行极控</string>
+	<string>飞行极控录像工作台</string>
 	<key>CFBundleExecutable</key>
 	<string>$(EXECUTABLE_NAME)</string>
 	<key>CFBundleIdentifier</key>
@@ -15,7 +15,7 @@
 	<key>CFBundleInfoDictionaryVersion</key>
 	<string>6.0</string>
 	<key>CFBundleName</key>
-	<string>飞行极控</string>
+	<string>飞行极控录像工作台</string>
 	<key>CFBundlePackageType</key>
 	<string>APPL</string>
 	<key>CFBundleShortVersionString</key>

ios/Runner/PlatformInfoPlugin.swift

@@ -0,0 +1,97 @@
+import Flutter
+import UIKit
+
+final class PlatformInfoPlugin: NSObject, FlutterPlugin {
+  static func register(with registrar: FlutterPluginRegistrar) {
+    let channel = FlutterMethodChannel(
+      name: "com.qxy.dronex/platform_info",
+      binaryMessenger: registrar.messenger()
+    )
+    let plugin = PlatformInfoPlugin()
+    registrar.addMethodCallDelegate(plugin, channel: channel)
+  }
+
+  func handle(_ call: FlutterMethodCall, result: @escaping FlutterResult) {
+    switch call.method {
+    case "packageInfo":
+      result(packageInfoMap())
+    case "deviceInfo":
+      result(deviceInfoMap())
+    case "deviceHealth":
+      result(deviceHealthMap())
+    default:
+      result(FlutterMethodNotImplemented)
+    }
+  }
+
+  private func packageInfoMap() -> [String: String] {
+    let bundle = Bundle.main
+    return [
+      "appName": displayName(bundle: bundle),
+      "packageName": bundle.bundleIdentifier ?? "",
+      "version": bundle.object(forInfoDictionaryKey: "CFBundleShortVersionString") as? String ?? "",
+      "buildNumber": bundle.object(forInfoDictionaryKey: "CFBundleVersion") as? String ?? "",
+    ]
+  }
+
+  private func deviceHealthMap() -> [String: Any?] {
+    let device = UIDevice.current
+    device.isBatteryMonitoringEnabled = true
+
+    var batteryLevelPercent: Int?
+    let batteryLevel = device.batteryLevel
+    if batteryLevel >= 0 {
+      batteryLevelPercent = Int((batteryLevel * 100).rounded())
+    }
+
+    var storageAvailablePercent = 100.0
+    if let attrs = try? FileManager.default.attributesOfFileSystem(forPath: NSHomeDirectory()),
+       let free = attrs[.systemFreeSize] as? NSNumber,
+       let total = attrs[.systemSize] as? NSNumber,
+       total.doubleValue > 0 {
+      storageAvailablePercent = free.doubleValue / total.doubleValue * 100.0
+    }
+
+    return [
+      "batteryLevelPercent": batteryLevelPercent,
+      "storageAvailablePercent": storageAvailablePercent,
+    ]
+  }
+
+  private func deviceInfoMap() -> [String: Any] {
+    let device = UIDevice.current
+    return [
+      "platform": "ios",
+      "brand": device.systemName,
+      "model": machineIdentifier(),
+      "systemVersion": device.systemVersion,
+      "isPhysicalDevice": !isSimulator(),
+    ]
+  }
+
+  private func displayName(bundle: Bundle) -> String {
+    if let displayName = bundle.object(forInfoDictionaryKey: "CFBundleDisplayName") as? String {
+      return displayName
+    }
+    return bundle.object(forInfoDictionaryKey: "CFBundleName") as? String ?? ""
+  }
+
+  private func isSimulator() -> Bool {
+    #if targetEnvironment(simulator)
+      return true
+    #else
+      return false
+    #endif
+  }
+
+  private func machineIdentifier() -> String {
+    var systemInfo = utsname()
+    uname(&systemInfo)
+    let mirror = Mirror(reflecting: systemInfo.machine)
+    let identifier = mirror.children.reduce(into: "") { value, element in
+      guard let byte = element.value as? Int8, byte != 0 else { return }
+      value.append(String(UnicodeScalar(UInt8(byte))))
+    }
+    return identifier
+  }
+}

ios/Runner/RecordingPlugin.swift

@@ -129,20 +129,37 @@ private final class RecordingCameraController: NSObject, AVCaptureFileOutputReco
   var statusListener: (([String: Any]) -> Void)?
 
   func attach(previewView: RecordingPreviewView) {
+    let bindPreview = { [weak self, weak previewView] in
+      guard let self, let previewView else { return }
       self.previewView = previewView
-    previewView.previewLayer.session = session
+      previewView.previewLayer.session = self.session
+    }
+    if Thread.isMainThread {
+      bindPreview()
+    } else {
+      DispatchQueue.main.async(execute: bindPreview)
+    }
   }
 
   func detach(previewView: RecordingPreviewView) {
+    let unbindPreview = { [weak self, weak previewView] in
+      guard let self, let previewView else { return }
       if self.previewView === previewView {
-      self.previewView?.previewLayer.session = nil
+        previewView.previewLayer.session = nil
         self.previewView = nil
       }
     }
+    if Thread.isMainThread {
+      unbindPreview()
+    } else {
+      DispatchQueue.main.async(execute: unbindPreview)
+    }
+  }
 
   func initializePreview(result: @escaping FlutterResult) {
     guard let previewView else {
-      result(FlutterError(code: "NO_PREVIEW", message: "Camera preview is not attached", details: nil))
+      result(
+        FlutterError(code: "NO_PREVIEW", message: "Camera preview is not attached", details: nil))
       return
     }
 
@@ -176,7 +193,8 @@ private final class RecordingCameraController: NSObject, AVCaptureFileOutputReco
 
   func startRecording(withAudio: Bool, displayName: String?, result: @escaping FlutterResult) {
     guard previewView != nil else {
-      result(FlutterError(code: "NO_PREVIEW", message: "Camera preview is not attached", details: nil))
+      result(
+        FlutterError(code: "NO_PREVIEW", message: "Camera preview is not attached", details: nil))
       return
     }
 
@@ -306,7 +324,9 @@ private final class RecordingCameraController: NSObject, AVCaptureFileOutputReco
     if let error {
       latestGallerySaved = false
       latestGalleryErrorMessage = error.localizedDescription
-      updateStatus(RecordingStatus(state: .error, outputPath: latestOutputPath, message: error.localizedDescription))
+      updateStatus(
+        RecordingStatus(
+          state: .error, outputPath: latestOutputPath, message: error.localizedDescription))
       finishStopRecording(stopResult: stopResult)
       return
     }
@@ -411,10 +431,14 @@ private final class RecordingCameraController: NSObject, AVCaptureFileOutputReco
       return
     }
 
-    guard let videoDevice = AVCaptureDevice.default(.builtInWideAngleCamera, for: .video, position: .back)
+    guard
+      let videoDevice = AVCaptureDevice.default(
+        .builtInWideAngleCamera, for: .video, position: .back)
         ?? AVCaptureDevice.default(for: .video)
     else {
-      throw NSError(domain: "RecordingCamera", code: 1, userInfo: [NSLocalizedDescriptionKey: "No camera device available"])
+      throw NSError(
+        domain: "RecordingCamera", code: 1,
+        userInfo: [NSLocalizedDescriptionKey: "No camera device available"])
     }
 
     let nextVideoInput = try AVCaptureDeviceInput(device: videoDevice)
@@ -424,14 +448,18 @@ private final class RecordingCameraController: NSObject, AVCaptureFileOutputReco
 
     guard session.canAddInput(nextVideoInput) else {
       session.commitConfiguration()
-      throw NSError(domain: "RecordingCamera", code: 2, userInfo: [NSLocalizedDescriptionKey: "Cannot add camera input"])
+      throw NSError(
+        domain: "RecordingCamera", code: 2,
+        userInfo: [NSLocalizedDescriptionKey: "Cannot add camera input"])
     }
     session.addInput(nextVideoInput)
     videoInput = nextVideoInput
 
     guard session.canAddOutput(movieOutput) else {
       session.commitConfiguration()
-      throw NSError(domain: "RecordingCamera", code: 3, userInfo: [NSLocalizedDescriptionKey: "Cannot add movie output"])
+      throw NSError(
+        domain: "RecordingCamera", code: 3,
+        userInfo: [NSLocalizedDescriptionKey: "Cannot add movie output"])
     }
     session.addOutput(movieOutput)
     session.commitConfiguration()
@@ -516,7 +544,7 @@ private final class RecordingCameraController: NSObject, AVCaptureFileOutputReco
 }
 
 private enum RecordingChannelNames {
-  static let packageName = "com.gdfw.fxjk"
+  static let packageName = "com.qxy.dronex"
   static let method = "\(packageName)/recording"
   static let events = "\(packageName)/recording_events"
 }
@@ -584,7 +612,9 @@ final class RecordingPlugin: NSObject, FlutterPlugin, FlutterStreamHandler {
     }
   }
 
-  func onListen(withArguments arguments: Any?, eventSink events: @escaping FlutterEventSink) -> FlutterError? {
+  func onListen(withArguments arguments: Any?, eventSink events: @escaping FlutterEventSink)
+    -> FlutterError?
+  {
     eventSink = events
     events(controller.currentStatusMap())
     return nil

lib/app/app.dart

@@ -3,12 +3,12 @@ import 'package:flutter_easyloading/flutter_easyloading.dart';
 import 'package:flutter_localizations/flutter_localizations.dart';
 import 'package:flutter_riverpod/flutter_riverpod.dart';
 import 'package:flutter_screenutil/flutter_screenutil.dart';
+import 'package:pull_to_refresh/pull_to_refresh.dart';
 import 'package:recording_tool/app/config/app_config.dart';
 import 'package:recording_tool/app/router/app_navigator.dart';
 import 'package:recording_tool/app/theme/app_theme.dart';
-import 'package:recording_tool/features/recording/recording_page.dart';
+import 'package:recording_tool/features/recording/pages/page_record.dart';
 import 'package:recording_tool/features/recording/view-model/view_model_recording.dart';
-import 'package:pull_to_refresh/pull_to_refresh.dart';
 
 class FlutterTemplateApp extends ConsumerStatefulWidget {
   const FlutterTemplateApp({super.key});
@@ -44,7 +44,7 @@ class _FlutterTemplateAppState extends ConsumerState<FlutterTemplateApp>
   @override
   Widget build(BuildContext context) {
     return ScreenUtilInit(
-      designSize: const Size(375, 812),
+      designSize: AppConfig.designSize,
       minTextAdapt: true,
       splitScreenMode: true,
       builder: (context, child) {
@@ -73,7 +73,7 @@ class _FlutterTemplateAppState extends ConsumerState<FlutterTemplateApp>
           ),
           home: RefreshConfiguration(
             enableLoadingWhenNoData: false,
-            headerTriggerDistance: 80,
+            headerTriggerDistance: 80.h,
             child: const RecordingPage(),
           ),
         );

lib/app/bootstrap.dart

@@ -1,3 +1,5 @@
+import 'dart:async';
+
 import 'package:flutter/material.dart';
 import 'package:flutter/services.dart';
 import 'package:flutter_riverpod/flutter_riverpod.dart';
@@ -5,7 +7,7 @@ import 'package:recording_tool/app/app.dart';
 import 'package:recording_tool/app/config/app_config.dart';
 import 'package:recording_tool/core/cache/app_storage.dart';
 import 'package:recording_tool/core/logging/app_logger.dart';
-import 'package:package_info_plus/package_info_plus.dart';
+import 'package:recording_tool/core/platform/app_platform_info.dart';
 
 class AppBootstrapper {
   AppBootstrapper._();
@@ -18,12 +20,31 @@ class AppBootstrapper {
     await SystemChrome.setPreferredOrientations([DeviceOrientation.portraitUp]);
 
     await AppStorage.init();
-    final packageInfo = await PackageInfo.fromPlatform();
 
-    AppConfig.configure(environment: environment, packageInfo: packageInfo);
+    AppConfig.configure(environment: environment);
 
     AppLogger.debug('App started in ${AppConfig.current.environment.name}');
 
     runApp(const ProviderScope(child: FlutterTemplateApp()));
+
+    // Load native package metadata after the first frame can render.
+    // Awaiting MethodChannel calls before runApp() can stall the Android
+    // splash screen on some devices.
+    unawaited(_loadPackageInfo(environment));
+  }
+
+  static Future<void> _loadPackageInfo(AppEnvironment environment) async {
+    try {
+      final packageInfo = await AppPlatformInfo.packageInfo().timeout(
+        const Duration(seconds: 8),
+      );
+      AppConfig.configure(environment: environment, packageInfo: packageInfo);
+    } catch (error, stackTrace) {
+      AppLogger.debug(
+        'Native packageInfo unavailable',
+        error: error,
+        stackTrace: stackTrace,
+      );
+    }
   }
 }

lib/app/config/app_config.dart

@@ -1,4 +1,5 @@
-import 'package:package_info_plus/package_info_plus.dart';
+import 'package:flutter/material.dart';
+import 'package:recording_tool/core/platform/app_platform_info.dart';
 
 enum AppEnvironment { dev, staging, prod }
 
@@ -18,13 +19,14 @@ class AppConfig {
   AppConfig._();
 
   static late EnvironmentValues current;
-  static PackageInfo? packageInfo;
+  static AppPackageInfo? packageInfo;
 
-  static const appName = '飞行极控';
+  static const appName = '飞行极控录像工作台';
+  static const designSize = Size(375, 812);
 
   static void configure({
     required AppEnvironment environment,
-    PackageInfo? packageInfo,
+    AppPackageInfo? packageInfo,
   }) {
     AppConfig.packageInfo = packageInfo;
     current = switch (environment) {

lib/app/router/app_navigator.dart

@@ -94,8 +94,8 @@ class AppNavigator {
         barrierDismissible: dismissible,
         transitionDuration: duration,
         reverseTransitionDuration: duration,
-        pageBuilder: (_, __, ___) => page,
-        transitionsBuilder: (_, animation, __, child) {
+        pageBuilder: (_, _, _) => page,
+        transitionsBuilder: (_, animation, _, child) {
           return FadeTransition(opacity: animation, child: child);
         },
       ),

lib/app/theme/app_theme.dart

@@ -1,4 +1,5 @@
 import 'package:flutter/material.dart';
+import 'package:flutter_screenutil/flutter_screenutil.dart';
 
 class AppTheme {
   AppTheme._();
@@ -32,20 +33,20 @@ class AppTheme {
       ),
       elevatedButtonTheme: ElevatedButtonThemeData(
         style: ElevatedButton.styleFrom(
-          minimumSize: const Size(88, 44),
-          shape: RoundedRectangleBorder(borderRadius: BorderRadius.circular(8)),
+          minimumSize: Size(88.w, 44.h),
+          shape: RoundedRectangleBorder(borderRadius: BorderRadius.circular(8.r)),
         ),
       ),
       textButtonTheme: TextButtonThemeData(
         style: TextButton.styleFrom(
-          shape: RoundedRectangleBorder(borderRadius: BorderRadius.circular(8)),
+          shape: RoundedRectangleBorder(borderRadius: BorderRadius.circular(8.r)),
         ),
       ),
       outlinedButtonTheme: OutlinedButtonThemeData(
         style: OutlinedButton.styleFrom(
-          minimumSize: const Size(88, 44),
+          minimumSize: Size(88.w, 44.h),
           side: const BorderSide(color: border),
-          shape: RoundedRectangleBorder(borderRadius: BorderRadius.circular(8)),
+          shape: RoundedRectangleBorder(borderRadius: BorderRadius.circular(8.r)),
         ),
       ),
     );
@@ -71,10 +72,10 @@ class AppTheme {
 class AppSpacing {
   AppSpacing._();
 
-  static const double xs = 4;
-  static const double sm = 8;
-  static const double md = 12;
-  static const double lg = 16;
-  static const double xl = 24;
-  static const double xxl = 32;
+  static double get xs => 4.r;
+  static double get sm => 8.r;
+  static double get md => 12.r;
+  static double get lg => 16.r;
+  static double get xl => 24.r;
+  static double get xxl => 32.r;
 }

lib/core/platform/app_platform_info.dart

@@ -0,0 +1,86 @@
+import 'dart:io';
+
+import 'package:flutter/services.dart';
+import 'package:recording_tool/core/platform/device_health_snapshot.dart';
+
+class AppPackageInfo {
+  const AppPackageInfo({
+    required this.appName,
+    required this.packageName,
+    required this.version,
+    required this.buildNumber,
+  });
+
+  factory AppPackageInfo.fromMap(Map<Object?, Object?> map) {
+    return AppPackageInfo(
+      appName: map['appName'] as String? ?? '',
+      packageName: map['packageName'] as String? ?? '',
+      version: map['version'] as String? ?? '',
+      buildNumber: map['buildNumber'] as String? ?? '',
+    );
+  }
+
+  final String appName;
+  final String packageName;
+  final String version;
+  final String buildNumber;
+}
+
+class AppDeviceInfo {
+  const AppDeviceInfo({
+    required this.platform,
+    required this.isPhysicalDevice,
+    required this.values,
+  });
+
+  factory AppDeviceInfo.fromMap(Map<Object?, Object?> map) {
+    final values = <String, String>{};
+    for (final entry in map.entries) {
+      final key = entry.key;
+      final value = entry.value;
+      if (key is String && value != null) {
+        values[key] = value.toString();
+      }
+    }
+
+    final isPhysicalDevice = map['isPhysicalDevice'];
+    return AppDeviceInfo(
+      platform: map['platform'] as String? ?? Platform.operatingSystem,
+      isPhysicalDevice: isPhysicalDevice is bool ? isPhysicalDevice : true,
+      values: values,
+    );
+  }
+
+  final String platform;
+  final bool isPhysicalDevice;
+  final Map<String, String> values;
+}
+
+class AppPlatformInfo {
+  AppPlatformInfo._();
+
+  static const MethodChannel _channel = MethodChannel(
+    'com.qxy.dronex/platform_info',
+  );
+
+  static Future<AppPackageInfo> packageInfo() async {
+    final result = await _channel.invokeMapMethod<Object?, Object?>(
+      'packageInfo',
+    );
+    return AppPackageInfo.fromMap(result ?? const <Object?, Object?>{});
+  }
+
+  static Future<AppDeviceInfo> deviceInfo() async {
+    final result = await _channel.invokeMapMethod<Object?, Object?>(
+      'deviceInfo',
+    );
+    return AppDeviceInfo.fromMap(result ?? const <Object?, Object?>{});
+  }
+
+  static Future<DeviceHealthSnapshot> deviceHealth() async {
+    final result = await _channel.invokeMapMethod<Object?, Object?>(
+      'deviceHealth',
+    );
+    return DeviceHealthSnapshot.fromMap(result ?? const <Object?, Object?>{});
+  }
+}

lib/core/platform/device_health_checker.dart

@@ -0,0 +1,25 @@
+import 'package:recording_tool/core/platform/device_health_snapshot.dart';
+
+class DeviceHealthChecker {
+  DeviceHealthChecker._();
+
+  static const int thresholdPercent = 10;
+
+  static const String lowBatteryMessage = '电量低于10%，请充电';
+  static const String lowStorageMessage = '内存低于10%，请清理内存';
+
+  static List<String> warningLines(DeviceHealthSnapshot snapshot) {
+    final lines = <String>[];
+
+    final battery = snapshot.batteryLevelPercent;
+    if (battery != null && battery < thresholdPercent) {
+      lines.add(lowBatteryMessage);
+    }
+
+    if (snapshot.storageAvailablePercent < thresholdPercent) {
+      lines.add(lowStorageMessage);
+    }
+
+    return lines;
+  }
+}

lib/core/platform/device_health_snapshot.dart

@@ -0,0 +1,30 @@
+class DeviceHealthSnapshot {
+  const DeviceHealthSnapshot({
+    this.batteryLevelPercent,
+    required this.storageAvailablePercent,
+  });
+
+  factory DeviceHealthSnapshot.fromMap(Map<Object?, Object?> map) {
+    final batteryRaw = map['batteryLevelPercent'];
+    int? batteryLevelPercent;
+    if (batteryRaw is int) {
+      batteryLevelPercent = batteryRaw;
+    } else if (batteryRaw is num) {
+      batteryLevelPercent = batteryRaw.round();
+    }
+
+    final storageRaw = map['storageAvailablePercent'];
+    final storageAvailablePercent = switch (storageRaw) {
+      final num value => value.toDouble(),
+      _ => 100.0,
+    };
+
+    return DeviceHealthSnapshot(
+      batteryLevelPercent: batteryLevelPercent,
+      storageAvailablePercent: storageAvailablePercent,
+    );
+  }
+
+  final int? batteryLevelPercent;
+  final double storageAvailablePercent;
+}

lib/core/utils/device_utils.dart

@@ -1,7 +1,7 @@
 import 'dart:io';
 
-import 'package:device_info_plus/device_info_plus.dart';
 import 'package:flutter/material.dart';
+import 'package:recording_tool/core/platform/app_platform_info.dart';
 
 class DeviceUtils {
   DeviceUtils._();
@@ -19,36 +19,13 @@ class DeviceUtils {
       MediaQuery.paddingOf(context).bottom;
 
   static Future<bool> isPhysicalDevice() async {
-    final plugin = DeviceInfoPlugin();
-    if (Platform.isAndroid) {
-      return (await plugin.androidInfo).isPhysicalDevice;
-    }
-    if (Platform.isIOS) {
-      return (await plugin.iosInfo).isPhysicalDevice;
-    }
-    return true;
+    return (await AppPlatformInfo.deviceInfo()).isPhysicalDevice;
   }
 
   static Future<Map<String, String>> deviceInfo() async {
-    final plugin = DeviceInfoPlugin();
-    if (Platform.isAndroid) {
-      final info = await plugin.androidInfo;
-      return {
-        'platform': 'android',
-        'brand': info.brand,
-        'model': info.model,
-        'systemVersion': info.version.release,
-      };
-    }
-    if (Platform.isIOS) {
-      final info = await plugin.iosInfo;
-      return {
-        'platform': 'ios',
-        'brand': info.systemName,
-        'model': info.utsname.machine,
-        'systemVersion': info.systemVersion,
-      };
-    }
+    if (!Platform.isAndroid && !Platform.isIOS) {
       return {'platform': Platform.operatingSystem};
     }
+    return (await AppPlatformInfo.deviceInfo()).values;
+  }
 }

lib/features/dialog/dialog-record.dart

@@ -0,0 +1,281 @@
+// ignore_for_file: file_names
+
+import 'package:flutter/material.dart';
+import 'package:flutter_screenutil/flutter_screenutil.dart';
+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;
+
+  static Future<void> showSingle(
+    BuildContext context, {
+    required String title,
+    required String buttonText,
+    VoidCallback? onPressed,
+    bool barrierDismissible = true,
+  }) {
+    return _present(
+      context,
+      barrierDismissible: barrierDismissible,
+      builder: (dialogContext) {
+        return RecordDialog(
+          title: title,
+          actions: [
+            RecordDialogAction.primary(
+              text: buttonText,
+              onPressed: () {
+                Navigator.of(dialogContext).pop();
+                onPressed?.call();
+              },
+            ),
+          ],
+        );
+      },
+    );
+  }
+
+  static Future<void> showDouble(
+    BuildContext context, {
+    required String title,
+    required String leftText,
+    required String rightText,
+    VoidCallback? onLeftPressed,
+    VoidCallback? onRightPressed,
+    bool barrierDismissible = false,
+  }) {
+    return _present(
+      context,
+      barrierDismissible: barrierDismissible,
+      builder: (dialogContext) {
+        return RecordDialog(
+          title: title,
+          actions: [
+            RecordDialogAction.secondary(
+              text: leftText,
+              onPressed: () {
+                Navigator.of(dialogContext).pop();
+                onLeftPressed?.call();
+              },
+            ),
+            RecordDialogAction.primary(
+              text: rightText,
+              onPressed: () {
+                Navigator.of(dialogContext).pop();
+                onRightPressed?.call();
+              },
+            ),
+          ],
+        );
+      },
+    );
+  }
+
+  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
+        .map((action) => Expanded(child: _RecordDialogButton(action: action)))
+        .toList();
+
+    return Dialog(
+      elevation: 0,
+      backgroundColor: Colors.transparent,
+      insetPadding: EdgeInsets.symmetric(horizontal: 37.w),
+      child: ClipRRect(
+        clipBehavior: Clip.none,
+
+        borderRadius: BorderRadius.circular(18.r),
+        child: Container(
+          width: 315.w,
+          // height: 188.r,
+          decoration: BoxDecoration(
+            color: Colors.white,
+
+            borderRadius: BorderRadius.circular(18.r),
+          ),
+          child: Stack(
+            clipBehavior: Clip.none,
+            children: [
+              Positioned(
+                top: -88.r,
+                left: 0,
+                right: 0,
+                child: Image.asset(
+                  Assets.images.imageDialogBg.path,
+                  width: double.maxFinite,
+                  height: 155.h,
+                  fit: BoxFit.fitWidth,
+                ),
+              ),
+              Column(
+                mainAxisSize: MainAxisSize.min,
+                children: [
+                  Padding(
+                    padding: EdgeInsets.fromLTRB(24.w, 44.h, 24.w, 26.h),
+                    child: Column(
+                      mainAxisSize: MainAxisSize.min,
+                      children: [
+                        Text(
+                          title,
+                          textAlign: TextAlign.center,
+                          style: TextStyle(
+                            color: const Color(0xFF333333),
+                            fontSize: 19.sp,
+                            fontWeight: FontWeight.w600,
+                            height: 1.35,
+                          ),
+                        ),
+                        SizedBox(height: 22.h),
+                        Row(
+                          children: [
+                            for (
+                              var index = 0;
+                              index < actionWidgets.length;
+                              index++
+                            ) ...[
+                              if (index > 0) SizedBox(width: 16.w),
+                              actionWidgets[index],
+                            ],
+                          ],
+                        ),
+                      ],
+                    ),
+                  ),
+                ],
+              ),
+            ],
+          ),
+        ),
+      ),
+    );
+  }
+}
+
+class RecordDialogAction {
+  const RecordDialogAction._({
+    required this.text,
+    required this.onPressed,
+    required this.isPrimary,
+  });
+
+  factory RecordDialogAction.primary({
+    required String text,
+    required VoidCallback onPressed,
+  }) {
+    return RecordDialogAction._(
+      text: text,
+      onPressed: onPressed,
+      isPrimary: true,
+    );
+  }
+
+  factory RecordDialogAction.secondary({
+    required String text,
+    required VoidCallback onPressed,
+  }) {
+    return RecordDialogAction._(
+      text: text,
+      onPressed: onPressed,
+      isPrimary: false,
+    );
+  }
+
+  final String text;
+  final VoidCallback onPressed;
+  final bool isPrimary;
+}
+
+class _RecordDialogButton extends StatelessWidget {
+  const _RecordDialogButton({required this.action});
+
+  final RecordDialogAction action;
+
+  @override
+  Widget build(BuildContext context) {
+    final child = Center(
+      child: Text(
+        action.text,
+        style: TextStyle(
+          color: action.isPrimary ? Colors.white : const Color(0xFF333333),
+          fontSize: 18.sp,
+          fontWeight: FontWeight.w600,
+        ),
+      ),
+    );
+
+    return SizedBox(
+      height: 48.h,
+      child: TextButton(
+        onPressed: action.onPressed,
+        style: TextButton.styleFrom(
+          padding: EdgeInsets.zero,
+          shape: RoundedRectangleBorder(
+            borderRadius: BorderRadius.circular(24.r),
+          ),
+          backgroundColor: action.isPrimary ? null : const Color(0xFFF2F2F2),
+        ),
+        child: action.isPrimary
+            ? DecoratedBox(
+                decoration: BoxDecoration(
+                  gradient: const LinearGradient(
+                    colors: [Color(0xFF2F85FF), Color(0xFF5DCCF4)],
+                  ),
+                  borderRadius: BorderRadius.circular(24.r),
+                ),
+                child: SizedBox.expand(child: child),
+              )
+            : child,
+      ),
+    );
+  }
+}

lib/features/recording/model/model_clipboard.dart

@@ -1,8 +1,8 @@
 /// 小程序复制到剪切板的录制信息。
 class ClipboardRecordingModel {
   final String title;
-  final int startTimestamp;
-  final int endTimestamp;
+  int? startTimestamp;
+  int? endTimestamp;
   final String address;
 
   /// 录制文件名模板，如「选手名称_选手ID_赛事名称_赛项」。
@@ -10,8 +10,8 @@ class ClipboardRecordingModel {
 
   ClipboardRecordingModel({
     required this.title,
-    required this.startTimestamp,
-    required this.endTimestamp,
+    this.startTimestamp,
+    this.endTimestamp,
     required this.address,
     this.filename,
   });
@@ -19,8 +19,8 @@ class ClipboardRecordingModel {
   factory ClipboardRecordingModel.fromJson(Map<String, dynamic> json) {
     return ClipboardRecordingModel(
       title: _readString(json, 'title'),
-      startTimestamp: _readInt(json, 'startTimestamp'),
-      endTimestamp: _readInt(json, 'endTimestamp'),
+      startTimestamp: _readOptionalInt(json, 'startTimestamp'),
+      endTimestamp: _readOptionalInt(json, 'endTimestamp'),
       address: _readString(json, 'address'),
       filename: _readOptionalString(json, 'filename'),
     );
@@ -52,8 +52,9 @@ class ClipboardRecordingModel {
     throw FormatException('Clipboard field "$key" must be a String.');
   }
 
-  static int _readInt(Map<String, dynamic> json, String key) {
+  static int? _readOptionalInt(Map<String, dynamic> json, String key) {
     final value = json[key];
+    if (value == null) return null;
     if (value is int) return value;
     throw FormatException('Clipboard field "$key" must be an int.');
   }

lib/features/recording/model/model_recording.dart

@@ -1,4 +1,5 @@
 import 'package:recording_tool/features/recording/model/model_clipboard.dart';
+import 'package:recording_tool/features/recording/model/model_recording_session.dart';
 
 class RecordingModel {
   /// 剪切板内容
@@ -7,11 +8,17 @@ class RecordingModel {
   /// 剪切板是否包含有效的小程序录制信息
   final bool hasValidClipboardInfo;
 
+  /// 录制会话状态
+  final RecordingSessionState session;
+
   RecordingModel({
     required this.clipboardRecordingModel,
     this.hasValidClipboardInfo = false,
+    this.session = const RecordingSessionState(),
   });
 
+  bool get isRecording => session.isRecording;
+
   factory RecordingModel.fromJson(Map<String, dynamic> json) {
     return RecordingModel(
       clipboardRecordingModel: ClipboardRecordingModel.fromJson(
@@ -23,15 +30,23 @@ class RecordingModel {
     return {'clipboardRecordingModel': clipboardRecordingModel.toJson()};
   }
 
+  /// 剪切板是否包含可用于命名的 [ClipboardRecordingModel.filename]。
+  bool get hasClipboardFilename {
+    final name = clipboardRecordingModel.filename?.trim();
+    return hasValidClipboardInfo && name != null && name.isNotEmpty;
+  }
+
   RecordingModel copyWith({
     ClipboardRecordingModel? clipboardRecordingModel,
     bool? hasValidClipboardInfo,
+    RecordingSessionState? session,
   }) {
     return RecordingModel(
       clipboardRecordingModel:
           clipboardRecordingModel ?? this.clipboardRecordingModel,
       hasValidClipboardInfo:
           hasValidClipboardInfo ?? this.hasValidClipboardInfo,
+      session: session ?? this.session,
     );
   }
 }

lib/features/recording/model/model_recording_session.dart

@@ -0,0 +1,83 @@
+import 'package:recording_tool/features/recording/platform/recording_platform.dart';
+
+/// 录制会话状态（相机预览、权限、录制进度等）。
+class RecordingSessionState {
+  const RecordingSessionState({
+    this.status = const RecordingStatus(state: RecordingState.idle),
+    this.isTouchLocked = true,
+    this.isPreviewReady = false,
+    this.isStartingRecording = false,
+    this.hasDndAccess = false,
+    this.isBatteryOptimizedIgnored = true,
+    this.notificationsGranted = true,
+    this.isMicrophoneGranted = false,
+    this.lastOutputPath,
+    this.lastSavedDisplayName,
+    this.errorMessage,
+    this.permissionWarning,
+    this.gallerySaveFailed = false,
+  });
+
+  final RecordingStatus status;
+  final bool isTouchLocked;
+  final bool isPreviewReady;
+  final bool isStartingRecording;
+  final bool hasDndAccess;
+  final bool isBatteryOptimizedIgnored;
+  final bool notificationsGranted;
+  final bool isMicrophoneGranted;
+  final String? lastOutputPath;
+  final String? lastSavedDisplayName;
+  final String? errorMessage;
+  final String? permissionWarning;
+  final bool gallerySaveFailed;
+
+  bool get isRecording => status.isRecording;
+
+  String get elapsedLabel {
+    final totalSeconds = status.elapsedMillis ~/ 1000;
+    final hours = (totalSeconds ~/ 3600).toString().padLeft(2, '0');
+    final minutes = ((totalSeconds % 3600) ~/ 60).toString().padLeft(2, '0');
+    final seconds = (totalSeconds % 60).toString().padLeft(2, '0');
+    return '$hours:$minutes:$seconds';
+  }
+
+  RecordingSessionState copyWith({
+    RecordingStatus? status,
+    bool? isTouchLocked,
+    bool? isPreviewReady,
+    bool? isStartingRecording,
+    bool? hasDndAccess,
+    bool? isBatteryOptimizedIgnored,
+    bool? notificationsGranted,
+    bool? isMicrophoneGranted,
+    String? lastOutputPath,
+    String? lastSavedDisplayName,
+    String? errorMessage,
+    String? permissionWarning,
+    bool? gallerySaveFailed,
+    bool clearPermissionWarning = false,
+    bool clearLastSaved = false,
+  }) {
+    return RecordingSessionState(
+      status: status ?? this.status,
+      isTouchLocked: isTouchLocked ?? this.isTouchLocked,
+      isPreviewReady: isPreviewReady ?? this.isPreviewReady,
+      isStartingRecording: isStartingRecording ?? this.isStartingRecording,
+      hasDndAccess: hasDndAccess ?? this.hasDndAccess,
+      isBatteryOptimizedIgnored:
+          isBatteryOptimizedIgnored ?? this.isBatteryOptimizedIgnored,
+      notificationsGranted: notificationsGranted ?? this.notificationsGranted,
+      isMicrophoneGranted: isMicrophoneGranted ?? this.isMicrophoneGranted,
+      lastOutputPath: lastOutputPath ?? this.lastOutputPath,
+      lastSavedDisplayName: clearLastSaved
+          ? null
+          : (lastSavedDisplayName ?? this.lastSavedDisplayName),
+      errorMessage: errorMessage,
+      permissionWarning: clearPermissionWarning
+          ? null
+          : (permissionWarning ?? this.permissionWarning),
+      gallerySaveFailed: gallerySaveFailed ?? this.gallerySaveFailed,
+    );
+  }
+}

lib/features/recording/pages/page_record.dart

@@ -0,0 +1,479 @@
+import 'dart:io';
+
+import 'package:flutter/material.dart';
+import 'package:flutter/services.dart';
+import 'package:flutter_riverpod/flutter_riverpod.dart';
+import 'package:permission_handler/permission_handler.dart';
+import 'package:recording_tool/core/platform/app_platform_info.dart';
+import 'package:recording_tool/core/platform/device_health_checker.dart';
+import 'package:recording_tool/features/dialog/dialog-record.dart';
+import 'package:recording_tool/features/recording/model/model_recording.dart';
+import 'package:recording_tool/features/recording/platform/recording_platform.dart';
+import 'package:recording_tool/features/recording/utils/recording_display_name.dart';
+import 'package:recording_tool/features/recording/view-model/view_model_recording.dart';
+import 'package:recording_tool/features/recording/widgets/widget_camera_preview.dart';
+import 'package:recording_tool/features/recording/widgets/widget_record_footer.dart';
+import 'package:recording_tool/features/recording/widgets/widget_record_header.dart';
+import 'package:recording_tool/features/recording/widgets/widget_record_timer.dart';
+import 'package:recording_tool/features/recording/widgets/widget_recording_hud.dart';
+import 'package:recording_tool/features/recording/widgets/widget_recording_loading_overlay.dart';
+import 'package:recording_tool/features/recording/widgets/widget_recording_saved_dialog.dart';
+import 'package:recording_tool/features/recording/widgets/widget_recording_touch_lock_overlay.dart';
+import 'package:recording_tool/shared/widgets/widgets.dart';
+
+/// 录制页入口
+class RecordingPage extends ConsumerStatefulWidget {
+  const RecordingPage({super.key});
+
+  @override
+  /// 创建页面状态
+  ConsumerState<RecordingPage> createState() => _RecordingPageState();
+}
+
+class _RecordingPageState extends ConsumerState<RecordingPage> {
+  var _immersiveApplied = false;
+
+  @override
+  /// 首帧后初始化录制流程
+  void initState() {
+    super.initState();
+    WidgetsBinding.instance.addPostFrameCallback((_) => _bootstrap());
+  }
+
+  /// 检查设备健康状态并弹窗提示
+  Future<void> _checkAndShowDeviceHealthAlerts() async {
+    final snapshot = await AppPlatformInfo.deviceHealth();
+    if (!mounted) return;
+
+    final lines = DeviceHealthChecker.warningLines(snapshot);
+    if (lines.isEmpty) return;
+
+    await RecordDialog.showSingle(
+      context,
+      title: lines.join('\n'),
+      buttonText: '确定',
+    );
+  }
+
+  /// 页面启动：健康检查、读剪贴板、进入录制模式、准备相机会话
+  Future<void> _bootstrap() async {
+    await _checkAndShowDeviceHealthAlerts();
+    if (!mounted) return;
+
+    final clipboardResult = await ref
+        .read(recordingViewModelProvider.notifier)
+        .getClipboardContent();
+    if (!mounted) return;
+    if (clipboardResult == ClipboardReadResult.invalid) {
+      AppToast.show('无选手信息');
+    }
+    await _enterRecordingMode();
+    // Allow PlatformView to attach before binding CameraX preview.
+    await Future<void>.delayed(const Duration(milliseconds: 400));
+    if (!mounted) return;
+    await ref.read(recordingViewModelProvider.notifier).prepareSession();
+  }
+
+  /// Android 进入沉浸式全屏
+  Future<void> _enterRecordingMode() async {
+    if (!Platform.isAndroid) return;
+    await SystemChrome.setEnabledSystemUIMode(SystemUiMode.immersiveSticky);
+    await RecordingPlatform.setImmersiveMode(enabled: true);
+    _immersiveApplied = true;
+  }
+
+  /// 解析保存成功弹窗的标题文案
+  String _savedDialogSessionTitle(
+    RecordingModel recordingInfo,
+    String? savedName,
+  ) {
+    final clipboard = recordingInfo.clipboardRecordingModel;
+    if (recordingInfo.hasValidClipboardInfo &&
+        clipboard.title.trim().isNotEmpty) {
+      return clipboard.title.trim();
+    }
+    if (savedName != null && savedName.isNotEmpty) {
+      return resolveRecordingDisplayName(savedName);
+    }
+    return '录制完成';
+  }
+
+  /// 从剪贴板粘贴赛事信息（与 header「粘贴选手信息」一致）。
+  Future<void> _pasteEventInfo() async {
+    final result = await ref
+        .read(recordingViewModelProvider.notifier)
+        .getClipboardContent();
+    if (!mounted) return;
+    if (result != ClipboardReadResult.success) {
+      AppToast.show('无选手信息');
+    }
+  }
+
+  /// 无选手信息时弹窗提示
+  Future<void> _showNoPlayerInfoDialog() {
+    return RecordDialog.showSingle(
+      context,
+      title: '无选手信息！',
+      buttonText: '粘贴',
+      onPressed: _pasteEventInfo,
+    );
+  }
+
+  /// 根据缺失权限生成弹窗文案。
+  String _recordingPermissionDialogTitle(RecordingRequiredPermissions result) {
+    if (!result.cameraGranted && !result.microphoneGranted) {
+      return '录制需要开启相机和录音权限，请在系统设置中授权后重试';
+    }
+    if (!result.cameraGranted) {
+      return '录制需要开启相机权限，请在系统设置中授权后重试';
+    }
+    return '录制需要开启录音权限，请在系统设置中授权后重试';
+  }
+
+  /// 开始录制前检测相机、录音权限，未授予则弹窗并跳转系统设置。
+  Future<bool> _ensureRecordingPermissions() async {
+    final result = await ref
+        .read(recordingViewModelProvider.notifier)
+        .ensureCameraAndMicrophonePermissions();
+    if (result.allGranted) {
+      final ready = ref.read(recordingViewModelProvider).session.isPreviewReady;
+      if (ready) return true;
+      if (!mounted) return false;
+      AppToast.show('相机预览启动失败，请重试');
+      return false;
+    }
+    if (!mounted) return false;
+
+    await RecordDialog.showSingle(
+      context,
+      title: _recordingPermissionDialogTitle(result),
+      buttonText: '确定',
+      onPressed: openAppSettings,
+    );
+    return false;
+  }
+
+  /// 点击开始录制：校验剪贴板、权限与健康状态
+  Future<void> _onStartRecording() async {
+    final recordingInfo = ref.read(recordingViewModelProvider);
+    if (!recordingInfo.hasClipboardFilename) {
+      await _showNoPlayerInfoDialog();
+      return;
+    }
+    if (!await _ensureRecordingPermissions()) return;
+    if (!mounted) return;
+    await _checkAndShowDeviceHealthAlerts();
+    if (!mounted) return;
+    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);
+    notifier.resetClipboardInfo();
+    notifier.clearSavedRecordingResult();
+  }
+
+  /// 保存成功后按需弹出完成对话框
+  Future<void> _showRecordingSavedDialogIfNeeded() async {
+    final recordingInfo = ref.read(recordingViewModelProvider);
+    final session = recordingInfo.session;
+    if (session.lastSavedDisplayName == null || session.gallerySaveFailed) {
+      return;
+    }
+
+    final sessionTitle = _savedDialogSessionTitle(
+      recordingInfo,
+      session.lastSavedDisplayName,
+    );
+
+    await showRecordingSavedDialog(
+      context,
+      sessionTitle: sessionTitle,
+      onContinueRound: () {
+        ref
+            .read(recordingViewModelProvider.notifier)
+            .clearSavedRecordingResult();
+      },
+      onRecordNewRound: _clearClipboardForNewRound,
+    );
+  }
+
+  /// 退出沉浸式并释放录制会话
+  Future<void> _exitRecordingMode() async {
+    if (!_immersiveApplied) return;
+    await ref.read(recordingViewModelProvider.notifier).teardown();
+    await SystemChrome.setEnabledSystemUIMode(
+      SystemUiMode.manual,
+      overlays: SystemUiOverlay.values,
+    );
+    await RecordingPlatform.setImmersiveMode(enabled: false);
+    _immersiveApplied = false;
+  }
+
+  @override
+  /// 页面销毁时恢复系统 UI
+  void dispose() {
+    if (_immersiveApplied) {
+      SystemChrome.setEnabledSystemUIMode(
+        SystemUiMode.manual,
+        overlays: SystemUiOverlay.values,
+      );
+      RecordingPlatform.setImmersiveMode(enabled: false);
+    }
+    super.dispose();
+  }
+
+  @override
+  /// 构建录制页 UI
+  Widget build(BuildContext context) {
+    return _RecordingPopScope(
+      onExitRecordingMode: _exitRecordingMode,
+      child: Scaffold(
+        backgroundColor: Colors.black,
+        body: Column(
+          children: [
+            _RecordHeaderSection(
+              onPasteEventInfo: _pasteEventInfo,
+              onClearEventInfo: _clearClipboardForNewRound,
+            ),
+            Expanded(
+              child: Stack(
+                children: [
+                  const CameraPreviewWidget(),
+                  const _PreviewLoadingLayer(),
+                  const RecordTimerWidget(),
+                  _RecordingHudLayer(
+                    onStart: _onStartRecording,
+                    onStop: _stopRecordingAndShowResult,
+                  ),
+                  _TouchLockOverlayLayer(
+                    onStopRecording: _stopRecordingAndShowResult,
+                  ),
+                  const _StartingRecordingOverlay(),
+                ],
+              ),
+            ),
+            const RecordFooter(),
+          ],
+        ),
+      ),
+    );
+  }
+}
+
+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/platform/recording_channel_names.dart

@@ -1,5 +1,5 @@
 abstract final class RecordingChannelNames {
-  static const packageName = 'com.gdfw.fxjk';
+  static const packageName = 'com.qxy.dronex';
   static const method = '$packageName/recording';
   static const events = '$packageName/recording_events';
 }

lib/features/recording/platform/recording_platform.dart

@@ -2,7 +2,7 @@ import 'dart:async';
 import 'dart:io';
 
 import 'package:flutter/services.dart';
-import 'package:recording_tool/features/recording/recording_channel_names.dart';
+import 'package:recording_tool/features/recording/platform/recording_channel_names.dart';
 
 enum RecordingState {
   idle,
@@ -86,13 +86,17 @@ class RecordingPlatform {
     bool enableDoNotDisturb = true,
     String? displayName,
   }) async {
-    final result = await _channel.invokeMapMethod<String, dynamic>(
-      'startRecording',
-      <String, dynamic>{
+    final args = <String, dynamic>{
       'withAudio': withAudio,
       'enableDoNotDisturb': enableDoNotDisturb,
-        if (displayName != null) 'displayName': displayName,
-      },
+    };
+    if (displayName != null) {
+      args['displayName'] = displayName;
+    }
+
+    final result = await _channel.invokeMapMethod<String, dynamic>(
+      'startRecording',
+      args,
     );
     return RecordingStartResult(
       outputPath: result?['outputPath'] as String?,

lib/features/recording/recording_page.dart

@@ -1,398 +0,0 @@
-import 'dart:io';
-
-import 'package:flutter/material.dart';
-import 'package:flutter/services.dart';
-import 'package:flutter_riverpod/flutter_riverpod.dart';
-import 'package:permission_handler/permission_handler.dart';
-import 'package:recording_tool/features/recording/recording_platform.dart';
-import 'package:recording_tool/features/recording/recording_session_controller.dart';
-import 'package:recording_tool/features/recording/view-model/view_model_recording.dart';
-import 'package:recording_tool/features/recording/widgets/camera_preview_widget.dart';
-import 'package:recording_tool/features/recording/widgets/recording_touch_lock_overlay.dart';
-import 'package:recording_tool/shared/widgets/widgets.dart';
-
-class RecordingPage extends ConsumerStatefulWidget {
-  const RecordingPage({super.key});
-
-  @override
-  ConsumerState<RecordingPage> createState() => _RecordingPageState();
-}
-
-class _RecordingPageState extends ConsumerState<RecordingPage> {
-  var _immersiveApplied = false;
-
-  @override
-  void initState() {
-    super.initState();
-    WidgetsBinding.instance.addPostFrameCallback((_) => _bootstrap());
-  }
-
-  Future<void> _bootstrap() async {
-    final clipboardResult = await ref
-        .read(recordingViewModelProvider.notifier)
-        .getClipboardContent();
-    if (!mounted) return;
-    if (clipboardResult == ClipboardReadResult.invalid) {
-      AppToast.show('无选手信息');
-    }
-    await _enterRecordingMode();
-    // Allow PlatformView to attach before binding CameraX preview.
-    await Future<void>.delayed(const Duration(milliseconds: 400));
-    if (!mounted) return;
-    await ref
-        .read(recordingSessionControllerProvider.notifier)
-        .prepareSession();
-  }
-
-  Future<void> _enterRecordingMode() async {
-    if (!Platform.isAndroid) return;
-    await SystemChrome.setEnabledSystemUIMode(SystemUiMode.immersiveSticky);
-    await RecordingPlatform.setImmersiveMode(enabled: true);
-    _immersiveApplied = true;
-  }
-
-  Future<void> _exitRecordingMode() async {
-    if (!_immersiveApplied) return;
-    await ref.read(recordingSessionControllerProvider.notifier).teardown();
-    await SystemChrome.setEnabledSystemUIMode(
-      SystemUiMode.manual,
-      overlays: SystemUiOverlay.values,
-    );
-    await RecordingPlatform.setImmersiveMode(enabled: false);
-    _immersiveApplied = false;
-  }
-
-  @override
-  void dispose() {
-    if (_immersiveApplied) {
-      SystemChrome.setEnabledSystemUIMode(
-        SystemUiMode.manual,
-        overlays: SystemUiOverlay.values,
-      );
-      RecordingPlatform.setImmersiveMode(enabled: false);
-    }
-    super.dispose();
-  }
-
-  @override
-  Widget build(BuildContext context) {
-    final state = ref.watch(recordingSessionControllerProvider);
-    final recordingInfo = ref.watch(recordingViewModelProvider);
-    final controller = ref.read(recordingSessionControllerProvider.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: Stack(
-          fit: StackFit.expand,
-          children: [
-            const CameraPreviewWidget(),
-            if (state.isTouchLocked && state.isRecording)
-              RecordingTouchLockOverlay(
-                enabled: true,
-                onUnlocked: () => controller.setTouchLocked(false),
-              ),
-            _RecordingHud(
-              state: state,
-              eventTitle: showClipboardInfo ? clipboard.title : null,
-              eventAddress: showClipboardInfo ? clipboard.address : null,
-              onStart: () => controller.startRecording(),
-              onStop: () async {
-                await controller.stopRecording();
-                if (!context.mounted) return;
-                final latest = ref.read(recordingSessionControllerProvider);
-                if (latest.gallerySaveFailed) {
-                  AppToast.show(latest.errorMessage ?? '保存到相册失败，请开启相册权限');
-                }
-              },
-              onOpenDnd: () async {
-                await controller.openDndSettings();
-                await controller.refreshDndAccess();
-              },
-              onOpenBattery: () async {
-                await controller.openBatterySettings();
-                await controller.refreshBatteryOptimization();
-              },
-              onToggleTouchLock: () {
-                controller.setTouchLocked(!state.isTouchLocked);
-              },
-            ),
-          ],
-        ),
-      ),
-    );
-  }
-}
-
-class _RecordingHud extends StatelessWidget {
-  const _RecordingHud({
-    required this.state,
-    this.eventTitle,
-    this.eventAddress,
-    required this.onStart,
-    required this.onStop,
-    required this.onOpenDnd,
-    required this.onOpenBattery,
-    required this.onToggleTouchLock,
-  });
-
-  final RecordingSessionState state;
-  final String? eventTitle;
-  final String? eventAddress;
-  final VoidCallback onStart;
-  final VoidCallback onStop;
-  final VoidCallback onOpenDnd;
-  final VoidCallback onOpenBattery;
-  final VoidCallback onToggleTouchLock;
-
-  static const _overlayTextStyle = TextStyle(
-    color: Colors.white,
-    shadows: [Shadow(color: Colors.black54, blurRadius: 6)],
-  );
-
-  @override
-  Widget build(BuildContext context) {
-    return SafeArea(
-      child: Stack(
-        children: [
-          Column(
-            children: [
-              SizedBox(
-                height: eventTitle != null || state.isRecording ? 56 : 8,
-              ),
-              const Spacer(),
-              if (state.errorMessage != null)
-                Padding(
-                  padding: const EdgeInsets.all(12),
-                  child: Text(
-                    state.errorMessage!,
-                    style: const TextStyle(color: Colors.amber),
-                    textAlign: TextAlign.center,
-                  ),
-                ),
-              if (state.permissionWarning != null)
-                Padding(
-                  padding: const EdgeInsets.symmetric(
-                    horizontal: 16,
-                    vertical: 8,
-                  ),
-                  child: Text(
-                    state.permissionWarning!,
-                    style: const TextStyle(
-                      color: Colors.orangeAccent,
-                      fontSize: 12,
-                    ),
-                    textAlign: TextAlign.center,
-                  ),
-                ),
-              _SetupHints(
-                hasDndAccess: state.hasDndAccess,
-                isBatteryIgnored: state.isBatteryOptimizedIgnored,
-                notificationsGranted: state.notificationsGranted,
-                onOpenDnd: onOpenDnd,
-                onOpenBattery: onOpenBattery,
-                onOpenNotificationSettings: openAppSettings,
-              ),
-              Padding(
-                padding: const EdgeInsets.fromLTRB(24, 8, 24, 24),
-                child: Row(
-                  mainAxisAlignment: MainAxisAlignment.spaceEvenly,
-                  children: [
-                    if (state.isRecording)
-                      IconButton(
-                        onPressed: onToggleTouchLock,
-                        icon: Icon(
-                          state.isTouchLocked ? Icons.lock : Icons.lock_open,
-                          color: Colors.white,
-                          size: 28,
-                        ),
-                      ),
-                    GestureDetector(
-                      onTap: state.isRecording ? onStop : onStart,
-                      child: Container(
-                        width: 76,
-                        height: 76,
-                        decoration: BoxDecoration(
-                          shape: BoxShape.circle,
-                          border: Border.all(color: Colors.white, width: 4),
-                          color: state.isRecording ? Colors.white : Colors.red,
-                        ),
-                        child: Icon(
-                          state.isRecording
-                              ? Icons.stop
-                              : Icons.fiber_manual_record,
-                          color: state.isRecording ? Colors.red : Colors.white,
-                          size: 36,
-                        ),
-                      ),
-                    ),
-                    const SizedBox(width: 48),
-                  ],
-                ),
-              ),
-              if (state.lastSavedDisplayName != null &&
-                  !state.isRecording &&
-                  !state.gallerySaveFailed)
-                Padding(
-                  padding: const EdgeInsets.only(bottom: 16),
-                  child: Text(
-                    '已保存到相册：${state.lastSavedDisplayName}',
-                    style: const TextStyle(color: Colors.white70, fontSize: 12),
-                    textAlign: TextAlign.center,
-                  ),
-                ),
-            ],
-          ),
-          if (eventTitle != null)
-            Positioned(
-              top: 8,
-              left: 12,
-              right: 12,
-              child: Padding(
-                padding: EdgeInsets.only(right: state.isRecording ? 96 : 0),
-                child: Text(
-                  eventTitle!,
-                  style: _overlayTextStyle.copyWith(
-                    fontSize: 16,
-                    fontWeight: FontWeight.w600,
-                  ),
-                  textAlign: TextAlign.center,
-                  maxLines: 2,
-                  overflow: TextOverflow.ellipsis,
-                ),
-              ),
-            ),
-          if (state.isRecording)
-            Positioned(
-              top: 8,
-              right: 12,
-              child: Container(
-                padding: const EdgeInsets.symmetric(
-                  horizontal: 12,
-                  vertical: 6,
-                ),
-                decoration: BoxDecoration(
-                  color: Colors.red,
-                  borderRadius: BorderRadius.circular(20),
-                ),
-                child: Text(
-                  'REC ${state.elapsedLabel}',
-                  style: const TextStyle(
-                    color: Colors.white,
-                    fontWeight: FontWeight.bold,
-                  ),
-                ),
-              ),
-            ),
-          if (eventAddress != null && eventAddress!.isNotEmpty)
-            Positioned(
-              left: 16,
-              bottom: 108,
-              right: 120,
-              child: Text(
-                eventAddress!,
-                style: _overlayTextStyle.copyWith(
-                  fontSize: 13,
-                  color: Colors.white70,
-                ),
-                maxLines: 2,
-                overflow: TextOverflow.ellipsis,
-              ),
-            ),
-        ],
-      ),
-    );
-  }
-}
-
-class _SetupHints extends StatelessWidget {
-  const _SetupHints({
-    required this.hasDndAccess,
-    required this.isBatteryIgnored,
-    required this.notificationsGranted,
-    required this.onOpenDnd,
-    required this.onOpenBattery,
-    required this.onOpenNotificationSettings,
-  });
-
-  final bool hasDndAccess;
-  final bool isBatteryIgnored;
-  final bool notificationsGranted;
-  final VoidCallback onOpenDnd;
-  final VoidCallback onOpenBattery;
-  final VoidCallback onOpenNotificationSettings;
-
-  @override
-  Widget build(BuildContext context) {
-    if (hasDndAccess && isBatteryIgnored && notificationsGranted) {
-      return const SizedBox.shrink();
-    }
-
-    return Padding(
-      padding: const EdgeInsets.symmetric(horizontal: 16, vertical: 8),
-      child: Column(
-        children: [
-          if (!notificationsGranted) ...[
-            _HintChip(
-              label: '开启通知权限以显示录制前台服务',
-              onTap: onOpenNotificationSettings,
-            ),
-            const SizedBox(height: 8),
-          ],
-          if (!hasDndAccess)
-            _HintChip(label: '开启勿扰权限可减少录制中断', onTap: onOpenDnd),
-          if (!isBatteryIgnored) ...[
-            const SizedBox(height: 8),
-            _HintChip(label: '关闭电池优化可提升息屏续录稳定性', onTap: onOpenBattery),
-          ],
-        ],
-      ),
-    );
-  }
-}
-
-class _HintChip extends StatelessWidget {
-  const _HintChip({required this.label, required this.onTap});
-
-  final String label;
-  final VoidCallback onTap;
-
-  @override
-  Widget build(BuildContext context) {
-    return GestureDetector(
-      onTap: onTap,
-      child: DecoratedBox(
-        decoration: BoxDecoration(
-          color: Colors.white12,
-          borderRadius: BorderRadius.circular(8),
-        ),
-        child: Padding(
-          padding: const EdgeInsets.symmetric(horizontal: 12, vertical: 8),
-          child: Row(
-            children: [
-              Expanded(
-                child: Text(
-                  label,
-                  style: const TextStyle(color: Colors.white70, fontSize: 12),
-                ),
-              ),
-              const Icon(Icons.chevron_right, color: Colors.white54, size: 18),
-            ],
-          ),
-        ),
-      ),
-    );
-  }
-}

lib/features/recording/recording_session_controller.dart

@@ -1,292 +0,0 @@
-import 'dart:async';
-import 'dart:io';
-
-import 'package:flutter/services.dart';
-import 'package:flutter_riverpod/flutter_riverpod.dart';
-import 'package:recording_tool/core/permission/permission_service.dart';
-import 'package:recording_tool/features/recording/recording_display_name.dart';
-import 'package:recording_tool/features/recording/recording_platform.dart';
-import 'package:recording_tool/features/recording/view-model/view_model_recording.dart';
-import 'package:permission_handler/permission_handler.dart';
-
-class RecordingSessionState {
-  const RecordingSessionState({
-    this.status = const RecordingStatus(state: RecordingState.idle),
-    this.isTouchLocked = true,
-    this.isPreviewReady = false,
-    this.hasDndAccess = false,
-    this.isBatteryOptimizedIgnored = true,
-    this.notificationsGranted = true,
-    this.isMicrophoneGranted = false,
-    this.lastOutputPath,
-    this.lastSavedDisplayName,
-    this.errorMessage,
-    this.permissionWarning,
-    this.gallerySaveFailed = false,
-  });
-
-  final RecordingStatus status;
-  final bool isTouchLocked;
-  final bool isPreviewReady;
-  final bool hasDndAccess;
-  final bool isBatteryOptimizedIgnored;
-  final bool notificationsGranted;
-  final bool isMicrophoneGranted;
-  final String? lastOutputPath;
-  final String? lastSavedDisplayName;
-  final String? errorMessage;
-  final String? permissionWarning;
-  final bool gallerySaveFailed;
-
-  bool get isRecording => status.isRecording;
-
-  String get elapsedLabel {
-    final totalSeconds = status.elapsedMillis ~/ 1000;
-    final minutes = (totalSeconds ~/ 60).toString().padLeft(2, '0');
-    final seconds = (totalSeconds % 60).toString().padLeft(2, '0');
-    return '$minutes:$seconds';
-  }
-
-  RecordingSessionState copyWith({
-    RecordingStatus? status,
-    bool? isTouchLocked,
-    bool? isPreviewReady,
-    bool? hasDndAccess,
-    bool? isBatteryOptimizedIgnored,
-    bool? notificationsGranted,
-    bool? isMicrophoneGranted,
-    String? lastOutputPath,
-    String? lastSavedDisplayName,
-    String? errorMessage,
-    String? permissionWarning,
-    bool? gallerySaveFailed,
-    bool clearPermissionWarning = false,
-    bool clearLastSaved = false,
-  }) {
-    return RecordingSessionState(
-      status: status ?? this.status,
-      isTouchLocked: isTouchLocked ?? this.isTouchLocked,
-      isPreviewReady: isPreviewReady ?? this.isPreviewReady,
-      hasDndAccess: hasDndAccess ?? this.hasDndAccess,
-      isBatteryOptimizedIgnored:
-          isBatteryOptimizedIgnored ?? this.isBatteryOptimizedIgnored,
-      notificationsGranted: notificationsGranted ?? this.notificationsGranted,
-      isMicrophoneGranted: isMicrophoneGranted ?? this.isMicrophoneGranted,
-      lastOutputPath: lastOutputPath ?? this.lastOutputPath,
-      lastSavedDisplayName: clearLastSaved
-          ? null
-          : (lastSavedDisplayName ?? this.lastSavedDisplayName),
-      errorMessage: errorMessage,
-      permissionWarning: clearPermissionWarning
-          ? null
-          : (permissionWarning ?? this.permissionWarning),
-      gallerySaveFailed: gallerySaveFailed ?? this.gallerySaveFailed,
-    );
-  }
-}
-
-final recordingSessionControllerProvider =
-    NotifierProvider<RecordingSessionController, RecordingSessionState>(
-      RecordingSessionController.new,
-    );
-
-class RecordingSessionController extends Notifier<RecordingSessionState> {
-  StreamSubscription<RecordingStatus>? _statusSubscription;
-
-  @override
-  RecordingSessionState build() {
-    ref.onDispose(_dispose);
-    return const RecordingSessionState();
-  }
-
-  Future<void> prepareSession() async {
-    if (!RecordingPlatform.isSupported) {
-      state = state.copyWith(errorMessage: '当前设备不支持录制');
-      return;
-    }
-
-    final permissions = await PermissionService.requestMissing([
-      Permission.camera,
-      Permission.microphone,
-      if (Platform.isAndroid) Permission.notification,
-      ..._galleryPermissions(),
-    ]);
-
-    final cameraGranted = permissions[Permission.camera]?.isGranted ?? false;
-    if (!cameraGranted) {
-      state = state.copyWith(errorMessage: '需要相机权限才能录制');
-      return;
-    }
-
-    final microphoneGranted =
-        permissions[Permission.microphone]?.isGranted ?? false;
-    final notificationsGranted = Platform.isAndroid
-        ? (permissions[Permission.notification]?.isGranted ?? false)
-        : true;
-
-    final warnings = <String>[];
-    if (Platform.isAndroid && !notificationsGranted) {
-      warnings.add('未授予通知权限，录制时可能看不到前台服务通知，系统更容易结束后台录制');
-    }
-    if (!microphoneGranted) {
-      warnings.add('未授予麦克风权限，当前将以静音模式录制');
-    }
-    if (!_isGalleryPermissionGranted(permissions)) {
-      warnings.add('未授予相册权限，录制结束后可能无法保存到相册');
-    }
-
-    final hasDnd = await RecordingPlatform.hasNotificationPolicyAccess();
-    final batteryIgnored =
-        await RecordingPlatform.isIgnoringBatteryOptimizations();
-
-    state = state.copyWith(
-      hasDndAccess: hasDnd,
-      isBatteryOptimizedIgnored: batteryIgnored,
-      isMicrophoneGranted: microphoneGranted,
-      notificationsGranted: notificationsGranted,
-      permissionWarning: warnings.isEmpty ? null : warnings.join('\n'),
-      errorMessage: null,
-      clearPermissionWarning: warnings.isEmpty,
-    );
-
-    await _listenStatus();
-    try {
-      final status = await _initializePreviewWithRetry();
-      state = state.copyWith(
-        status: status,
-        isPreviewReady: status.state == RecordingState.previewing,
-        errorMessage: status.state == RecordingState.previewing
-            ? null
-            : (status.message ?? '相机预览初始化失败'),
-      );
-    } on PlatformException catch (error) {
-      state = state.copyWith(
-        isPreviewReady: false,
-        errorMessage: error.message ?? '相机预览初始化失败',
-      );
-    }
-  }
-
-  Future<RecordingStatus> _initializePreviewWithRetry() async {
-    const maxAttempts = 8;
-    for (var attempt = 0; attempt < maxAttempts; attempt++) {
-      try {
-        return await RecordingPlatform.initializePreview();
-      } on PlatformException catch (error) {
-        final shouldRetry =
-            error.code == 'NO_PREVIEW' && attempt < maxAttempts - 1;
-        if (!shouldRetry) {
-          rethrow;
-        }
-        await Future<void>.delayed(Duration(milliseconds: 150 * (attempt + 1)));
-      }
-    }
-    throw StateError('initializePreview retry exhausted');
-  }
-
-  List<Permission> _galleryPermissions() {
-    if (Platform.isIOS) {
-      return [Permission.photosAddOnly, Permission.photos];
-    }
-    if (Platform.isAndroid) {
-      return [Permission.videos, Permission.storage];
-    }
-    return const [];
-  }
-
-  bool _isGalleryPermissionGranted(Map<Permission, PermissionStatus> permissions) {
-    for (final permission in _galleryPermissions()) {
-      if (permissions[permission]?.isGranted ?? false) {
-        return true;
-      }
-    }
-    return _galleryPermissions().isEmpty;
-  }
-
-  Future<void> startRecording({bool enableDoNotDisturb = true}) async {
-    if (!state.isPreviewReady || state.isRecording) return;
-
-    final clipboard = ref.read(recordingViewModelProvider).clipboardRecordingModel;
-    final displayName = recordingFileNameForPlatform(clipboard.filename);
-
-    try {
-      final result = await RecordingPlatform.startRecording(
-        enableDoNotDisturb: enableDoNotDisturb && state.hasDndAccess,
-        displayName: displayName,
-      );
-      state = state.copyWith(
-        status: result.status,
-        lastOutputPath: result.outputPath,
-        isTouchLocked: true,
-        errorMessage: null,
-        gallerySaveFailed: false,
-        clearLastSaved: true,
-      );
-    } on PlatformException catch (error) {
-      state = state.copyWith(errorMessage: error.message ?? '开始录制失败');
-    }
-  }
-
-  Future<void> stopRecording() async {
-    if (!state.isRecording) return;
-
-    try {
-      final result = await RecordingPlatform.stopRecording();
-      final galleryFailed = !result.gallerySaved;
-      final savedName = recordingFileNameForPlatform(
-        ref.read(recordingViewModelProvider).clipboardRecordingModel.filename,
-      );
-      state = state.copyWith(
-        status: result.status,
-        lastOutputPath: result.outputPath ?? state.lastOutputPath,
-        lastSavedDisplayName: galleryFailed ? null : savedName,
-        errorMessage: galleryFailed
-            ? (result.galleryErrorMessage ?? '保存到相册失败，请开启相册权限')
-            : null,
-        gallerySaveFailed: galleryFailed,
-      );
-    } on PlatformException catch (error) {
-      state = state.copyWith(errorMessage: error.message ?? '停止录制失败');
-    }
-  }
-
-  void setTouchLocked(bool locked) {
-    state = state.copyWith(isTouchLocked: locked);
-  }
-
-  Future<void> openDndSettings() =>
-      RecordingPlatform.openNotificationPolicySettings();
-
-  Future<void> refreshDndAccess() async {
-    final hasDnd = await RecordingPlatform.hasNotificationPolicyAccess();
-    state = state.copyWith(hasDndAccess: hasDnd);
-  }
-
-  Future<void> openBatterySettings() =>
-      RecordingPlatform.openBatteryOptimizationSettings();
-
-  Future<void> refreshBatteryOptimization() async {
-    final ignored = await RecordingPlatform.isIgnoringBatteryOptimizations();
-    state = state.copyWith(isBatteryOptimizedIgnored: ignored);
-  }
-
-  Future<void> teardown() async {
-    await RecordingPlatform.setImmersiveMode(enabled: false);
-    await RecordingPlatform.disableDoNotDisturb();
-    await RecordingPlatform.disposePreview();
-    await _statusSubscription?.cancel();
-    _statusSubscription = null;
-    state = const RecordingSessionState();
-  }
-
-  Future<void> _listenStatus() async {
-    await _statusSubscription?.cancel();
-    _statusSubscription = RecordingPlatform.statusStream().listen((status) {
-      state = state.copyWith(status: status);
-    });
-  }
-
-  Future<void> _dispose() async {
-    await _statusSubscription?.cancel();
-  }
-}

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

@@ -1,16 +1,23 @@
+import 'dart:async';
 import 'dart:convert';
+import 'dart:io';
 
 import 'package:flutter/services.dart';
 import 'package:flutter_riverpod/flutter_riverpod.dart';
-import 'package:flutter_riverpod/legacy.dart';
+import 'package:permission_handler/permission_handler.dart';
 import 'package:recording_tool/core/logging/app_logger.dart';
+import 'package:recording_tool/core/permission/permission_service.dart';
 import 'package:recording_tool/features/recording/model/model_clipboard.dart';
 import 'package:recording_tool/features/recording/model/model_recording.dart';
+import 'package:recording_tool/features/recording/model/model_recording_session.dart';
+import 'package:recording_tool/features/recording/platform/recording_platform.dart';
+import 'package:recording_tool/features/recording/utils/recording_display_name.dart';
 
+/// 录制页状态 Provider。
 final recordingViewModelProvider =
-    StateNotifierProvider<RecordingViewModel, RecordingModel>((ref) {
-      return RecordingViewModel(ref);
-    });
+    NotifierProvider<RecordingViewModel, RecordingModel>(
+      RecordingViewModel.new,
+    );
 
 /// 剪切板读取结果，供 UI 决定是否提示用户。
 enum ClipboardReadResult {
@@ -24,28 +31,56 @@ enum ClipboardReadResult {
   invalid,
 }
 
-class RecordingViewModel extends StateNotifier<RecordingModel> {
-  RecordingViewModel(this.ref)
-    : super(
-        RecordingModel(
-          clipboardRecordingModel: ClipboardRecordingModel(
-            title: '',
-            startTimestamp: 0,
-            endTimestamp: 0,
-            address: '',
-          ),
-        ),
-      );
-  final Ref ref;
+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({
+    required this.cameraGranted,
+    required this.microphoneGranted,
+  });
+
+  final bool cameraGranted;
+  final bool microphoneGranted;
+
+  bool get allGranted => cameraGranted && microphoneGranted;
+}
+
+/// 录制页 ViewModel：剪贴板、权限、相机预览与录制流程。
+class RecordingViewModel extends Notifier<RecordingModel> {
   static final _defaultClipboard = ClipboardRecordingModel(
     title: '',
-    startTimestamp: 0,
-    endTimestamp: 0,
     address: '',
   );
 
-  /// 从剪切板获取小程序复制的录制信息。
+  StreamSubscription<RecordingStatus>? _statusSubscription;
+
+  /// 初始化状态并注册销毁回调。
+  @override
+  RecordingModel build() {
+    ref.onDispose(_dispose);
+    return RecordingModel(clipboardRecordingModel: _defaultClipboard);
+  }
+
+  /// 局部更新 session 子状态。
+  void _updateSession(
+    RecordingSessionState Function(RecordingSessionState session) update,
+  ) {
+    state = state.copyWith(session: update(state.session));
+  }
+
+  /// 读取并解析剪贴板中的小程序录制信息。
   Future<ClipboardReadResult> getClipboardContent() async {
     try {
       final clipboardData = await Clipboard.getData(Clipboard.kTextPlain);
@@ -89,10 +124,313 @@ class RecordingViewModel extends StateNotifier<RecordingModel> {
     }
   }
 
+  /// 清空剪贴板赛事信息（供 UI 调用）。
+  void resetClipboardInfo() {
+    _resetClipboardInfo();
+  }
+
+  /// 重置剪贴板赛事信息为默认空值。
   void _resetClipboardInfo() {
     state = state.copyWith(
       clipboardRecordingModel: _defaultClipboard,
       hasValidClipboardInfo: false,
     );
   }
+
+  /// 申请权限、检查系统设置并初始化相机预览。
+  Future<void> prepareSession() async {
+    if (!RecordingPlatform.isSupported) {
+      _updateSession((s) => s.copyWith(errorMessage: '当前设备不支持录制'));
+      return;
+    }
+
+    final permissions = await PermissionService.requestMissing([
+      Permission.camera,
+      Permission.microphone,
+      if (Platform.isAndroid) Permission.notification,
+      ..._galleryPermissions(),
+    ]);
+
+    final cameraGranted = permissions[Permission.camera]?.isGranted ?? false;
+    if (!cameraGranted) {
+      _updateSession((s) => s.copyWith(errorMessage: '需要相机权限才能录制'));
+      return;
+    }
+
+    final microphoneGranted =
+        permissions[Permission.microphone]?.isGranted ?? false;
+    final notificationsGranted = Platform.isAndroid
+        ? (permissions[Permission.notification]?.isGranted ?? false)
+        : true;
+
+    final warnings = <String>[];
+    if (Platform.isAndroid && !notificationsGranted) {
+      warnings.add('未授予通知权限，录制时可能看不到前台服务通知，系统更容易结束后台录制');
+    }
+    if (!microphoneGranted) {
+      warnings.add('未授予麦克风权限，当前将以静音模式录制');
+    }
+    if (!_isGalleryPermissionGranted(permissions)) {
+      warnings.add('未授予相册权限，录制结束后可能无法保存到相册');
+    }
+
+    final hasDnd = await RecordingPlatform.hasNotificationPolicyAccess();
+    final batteryIgnored =
+        await RecordingPlatform.isIgnoringBatteryOptimizations();
+
+    _updateSession(
+      (s) => s.copyWith(
+        hasDndAccess: hasDnd,
+        isBatteryOptimizedIgnored: batteryIgnored,
+        isMicrophoneGranted: microphoneGranted,
+        notificationsGranted: notificationsGranted,
+        permissionWarning: warnings.isEmpty ? null : warnings.join('\n'),
+        errorMessage: null,
+        clearPermissionWarning: warnings.isEmpty,
+      ),
+    );
+
+    await _listenStatus();
+    try {
+      final status = await _initializePreviewWithRetry();
+      _updateSession(
+        (s) => s.copyWith(
+          status: status,
+          isPreviewReady: status.state == RecordingState.previewing,
+          errorMessage: status.state == RecordingState.previewing
+              ? null
+              : (status.message ?? '相机预览初始化失败'),
+        ),
+      );
+    } on PlatformException catch (error) {
+      _updateSession(
+        (s) => s.copyWith(
+          isPreviewReady: false,
+          errorMessage: error.message ?? '相机预览初始化失败',
+        ),
+      );
+    }
+  }
+
+  /// 初始化相机预览，PlatformView 未就绪时自动重试。
+  Future<RecordingStatus> _initializePreviewWithRetry() async {
+    const maxAttempts = 8;
+    for (var attempt = 0; attempt < maxAttempts; attempt++) {
+      try {
+        return await RecordingPlatform.initializePreview();
+      } on PlatformException catch (error) {
+        final shouldRetry =
+            error.code == 'NO_PREVIEW' && attempt < maxAttempts - 1;
+        if (!shouldRetry) {
+          rethrow;
+        }
+        await Future<void>.delayed(Duration(milliseconds: 150 * (attempt + 1)));
+      }
+    }
+    throw StateError('initializePreview retry exhausted');
+  }
+
+  /// 停止录制后重新绑定相机预览，并显示加载遮罩。
+  Future<void> restorePreview() async {
+    if (!RecordingPlatform.isSupported) return;
+
+    _updateSession(
+      (s) => s.copyWith(isPreviewReady: false, errorMessage: null),
+    );
+    try {
+      final status = await _initializePreviewWithRetry();
+      _updateSession(
+        (s) => s.copyWith(
+          status: status,
+          isPreviewReady: status.state == RecordingState.previewing,
+          errorMessage: status.state == RecordingState.previewing
+              ? null
+              : (status.message ?? '相机预览初始化失败'),
+        ),
+      );
+    } on PlatformException catch (error) {
+      _updateSession(
+        (s) => s.copyWith(
+          isPreviewReady: false,
+          errorMessage: error.message ?? '相机预览初始化失败',
+        ),
+      );
+    }
+  }
+
+  /// 当前平台所需的相册/视频保存权限列表。
+  List<Permission> _galleryPermissions() {
+    return recordingGalleryPermissionsForHost(
+      isIOS: Platform.isIOS,
+      isAndroid: Platform.isAndroid,
+    );
+  }
+
+  /// 判断相册相关权限是否至少有一项已授予。
+  bool _isGalleryPermissionGranted(
+    Map<Permission, PermissionStatus> permissions,
+  ) {
+    for (final permission in _galleryPermissions()) {
+      if (permissions[permission]?.isGranted ?? false) {
+        return true;
+      }
+    }
+    return _galleryPermissions().isEmpty;
+  }
+
+  /// 检测并尝试申请相机、麦克风权限，同步更新 session 中的 isMicrophoneGranted。
+  Future<RecordingRequiredPermissions>
+  ensureCameraAndMicrophonePermissions() async {
+    final permissions = await PermissionService.requestMissing([
+      Permission.camera,
+      Permission.microphone,
+    ]);
+
+    final cameraGranted = _isPermissionGranted(permissions[Permission.camera]);
+    final microphoneGranted = _isPermissionGranted(
+      permissions[Permission.microphone],
+    );
+
+    _updateSession((s) => s.copyWith(isMicrophoneGranted: microphoneGranted));
+
+    if (cameraGranted && !state.session.isPreviewReady) {
+      _updateSession((s) => s.copyWith(errorMessage: null));
+      await _listenStatus();
+      await restorePreview();
+    }
+
+    return RecordingRequiredPermissions(
+      cameraGranted: cameraGranted,
+      microphoneGranted: microphoneGranted,
+    );
+  }
+
+  bool _isPermissionGranted(PermissionStatus? status) {
+    return status?.isGranted == true || status?.isLimited == true;
+  }
+
+  /// 开始录制，可选开启勿扰模式。
+  Future<void> startRecording({bool enableDoNotDisturb = true}) async {
+    final session = state.session;
+    if (session.isRecording || session.isStartingRecording) {
+      return;
+    }
+    if (!session.isPreviewReady) {
+      _updateSession((s) => s.copyWith(errorMessage: '相机预览未就绪，请稍后重试'));
+      return;
+    }
+
+    final displayName = recordingFileNameForPlatform(
+      state.clipboardRecordingModel.filename,
+    );
+
+    _updateSession(
+      (s) => s.copyWith(isStartingRecording: true, errorMessage: null),
+    );
+    try {
+      final result = await RecordingPlatform.startRecording(
+        enableDoNotDisturb: enableDoNotDisturb && state.session.hasDndAccess,
+        displayName: displayName,
+      );
+      _updateSession(
+        (s) => s.copyWith(
+          status: result.status,
+          lastOutputPath: result.outputPath,
+          isTouchLocked: true,
+          errorMessage: null,
+          gallerySaveFailed: false,
+          clearLastSaved: true,
+        ),
+      );
+    } on PlatformException catch (error) {
+      _updateSession(
+        (s) => s.copyWith(errorMessage: error.message ?? '开始录制失败'),
+      );
+    } finally {
+      _updateSession((s) => s.copyWith(isStartingRecording: false));
+    }
+  }
+
+  /// 停止录制、保存到相册，并恢复相机预览。
+  Future<void> stopRecording() async {
+    if (!state.session.isRecording) return;
+
+    try {
+      final result = await RecordingPlatform.stopRecording();
+      final galleryFailed = !result.gallerySaved;
+      final savedName = recordingFileNameForPlatform(
+        state.clipboardRecordingModel.filename,
+      );
+      _updateSession(
+        (s) => s.copyWith(
+          status: result.status,
+          lastOutputPath: result.outputPath ?? s.lastOutputPath,
+          lastSavedDisplayName: galleryFailed ? null : savedName,
+          errorMessage: galleryFailed
+              ? (result.galleryErrorMessage ?? '保存到相册失败，请开启相册权限')
+              : null,
+          gallerySaveFailed: galleryFailed,
+        ),
+      );
+    } on PlatformException catch (error) {
+      _updateSession(
+        (s) => s.copyWith(errorMessage: error.message ?? '停止录制失败'),
+      );
+    } finally {
+      await restorePreview();
+    }
+  }
+
+  /// 切换录制中触屏锁定状态。
+  void setTouchLocked(bool locked) {
+    _updateSession((s) => s.copyWith(isTouchLocked: locked));
+  }
+
+  /// 清除上次保存成功的录制结果标记。
+  void clearSavedRecordingResult() {
+    _updateSession((s) => s.copyWith(clearLastSaved: true));
+  }
+
+  /// 跳转系统勿扰/通知策略设置页。
+  Future<void> openDndSettings() =>
+      RecordingPlatform.openNotificationPolicySettings();
+
+  /// 重新检测勿扰模式权限并更新状态。
+  Future<void> refreshDndAccess() async {
+    final hasDnd = await RecordingPlatform.hasNotificationPolicyAccess();
+    _updateSession((s) => s.copyWith(hasDndAccess: hasDnd));
+  }
+
+  /// 跳转电池优化白名单设置页。
+  Future<void> openBatterySettings() =>
+      RecordingPlatform.openBatteryOptimizationSettings();
+
+  /// 重新检测是否已忽略电池优化并更新状态。
+  Future<void> refreshBatteryOptimization() async {
+    final ignored = await RecordingPlatform.isIgnoringBatteryOptimizations();
+    _updateSession((s) => s.copyWith(isBatteryOptimizedIgnored: ignored));
+  }
+
+  /// 退出录制页时释放相机、勿扰和状态订阅。
+  Future<void> teardown() async {
+    await RecordingPlatform.setImmersiveMode(enabled: false);
+    await RecordingPlatform.disableDoNotDisturb();
+    await RecordingPlatform.disposePreview();
+    await _statusSubscription?.cancel();
+    _statusSubscription = null;
+    state = state.copyWith(session: const RecordingSessionState());
+  }
+
+  /// 订阅原生层录制状态流并同步到 session。
+  Future<void> _listenStatus() async {
+    await _statusSubscription?.cancel();
+    _statusSubscription = RecordingPlatform.statusStream().listen((status) {
+      _updateSession((s) => s.copyWith(status: status));
+    });
+  }
+
+  /// Provider 销毁时取消状态流订阅。
+  Future<void> _dispose() async {
+    await _statusSubscription?.cancel();
+  }
 }

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/recording_touch_lock_overlay.dart

@@ -1,100 +0,0 @@
-import 'dart:async';
-
-import 'package:flutter/material.dart';
-
-class RecordingTouchLockOverlay extends StatefulWidget {
-  const RecordingTouchLockOverlay({
-    super.key,
-    required this.enabled,
-    required this.onUnlocked,
-    this.unlockHoldDuration = const Duration(seconds: 2),
-  });
-
-  final bool enabled;
-  final VoidCallback onUnlocked;
-  final Duration unlockHoldDuration;
-
-  @override
-  State<RecordingTouchLockOverlay> createState() =>
-      _RecordingTouchLockOverlayState();
-}
-
-class _RecordingTouchLockOverlayState extends State<RecordingTouchLockOverlay> {
-  Timer? _holdTimer;
-  bool _isHolding = false;
-
-  @override
-  void didUpdateWidget(RecordingTouchLockOverlay oldWidget) {
-    super.didUpdateWidget(oldWidget);
-    if (!widget.enabled) {
-      _cancelHold();
-    }
-  }
-
-  @override
-  void dispose() {
-    _cancelHold();
-    super.dispose();
-  }
-
-  void _cancelHold() {
-    _holdTimer?.cancel();
-    _holdTimer = null;
-    _isHolding = false;
-  }
-
-  void _startHold() {
-    if (!widget.enabled) return;
-    setState(() => _isHolding = true);
-    _holdTimer?.cancel();
-    _holdTimer = Timer(widget.unlockHoldDuration, () {
-      if (!mounted) return;
-      _cancelHold();
-      widget.onUnlocked();
-      setState(() {});
-    });
-  }
-
-  @override
-  Widget build(BuildContext context) {
-    if (!widget.enabled) {
-      return const SizedBox.shrink();
-    }
-
-    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: const EdgeInsets.only(top: 48),
-              child: DecoratedBox(
-                decoration: BoxDecoration(
-                  color: Colors.black54,
-                  borderRadius: BorderRadius.circular(24),
-                ),
-                child: Padding(
-                  padding: const EdgeInsets.symmetric(
-                    horizontal: 16,
-                    vertical: 8,
-                  ),
-                  child: Text(
-                    _isHolding
-                        ? '保持按住 ${widget.unlockHoldDuration.inSeconds}s 解锁…'
-                        : '防误触已开启，按住 ${widget.unlockHoldDuration.inSeconds}s 解锁',
-                    style: const TextStyle(color: Colors.white, fontSize: 13),
-                  ),
-                ),
-              ),
-            ),
-          ),
-        ),
-      ),
-    );
-  }
-}

lib/features/recording/widgets/widget_clipboard_address_clock_chip.dart

@@ -0,0 +1,80 @@
+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 {
+  const ClipboardAddressClockChipWidget({super.key, required this.address});
+
+  final String address;
+
+  @override
+  State<ClipboardAddressClockChipWidget> createState() =>
+      _ClipboardAddressClockChipWidgetState();
+}
+
+class _ClipboardAddressClockChipWidgetState
+    extends State<ClipboardAddressClockChipWidget> {
+  Timer? _clockTimer;
+
+  static TextStyle get _textStyle => TextStyle(
+    color: Colors.white,
+    fontSize: 12.sp,
+    height: 1.4,
+    shadows: [Shadow(color: Colors.black54, blurRadius: 6.r)],
+  );
+
+  @override
+  void initState() {
+    super.initState();
+    _clockTimer = Timer.periodic(const Duration(seconds: 1), (_) {
+      if (mounted) setState(() {});
+    });
+  }
+
+  @override
+  void dispose() {
+    _clockTimer?.cancel();
+    _clockTimer = null;
+    super.dispose();
+  }
+
+  String get _nowText => DateTimeFormatter.format(
+    DateTime.now(),
+    pattern: 'yyyy-M-d-H:mm:ss',
+  );
+
+  @override
+  Widget build(BuildContext context) {
+    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')),
+          ),
+        ],
+      ),
+    );
+  }
+}

lib/features/recording/widgets/widget_record_footer.dart

@@ -0,0 +1,16 @@
+import 'package:flutter/material.dart';
+import 'package:flutter_screenutil/flutter_screenutil.dart';
+
+class RecordFooter extends StatefulWidget {
+  const RecordFooter({super.key});
+
+  @override
+  State<RecordFooter> createState() => _RecordFooterState();
+}
+
+class _RecordFooterState extends State<RecordFooter> {
+  @override
+  Widget build(BuildContext context) {
+    return SizedBox(height: 65.r, width: double.infinity);
+  }
+}

lib/features/recording/widgets/widget_record_header.dart

@@ -0,0 +1,221 @@
+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';
+
+/// 录制页顶部：Logo、粘贴赛事、赛事标题
+class RecordHeaderWidget extends StatelessWidget {
+  const RecordHeaderWidget({
+    super.key,
+    required this.hasValidClipboardInfo,
+    this.eventTitle,
+    required this.isRecording,
+    required this.onPasteEventInfo,
+    required this.onClearEventInfo,
+  });
+
+  final bool hasValidClipboardInfo;
+  final String? eventTitle;
+  final bool isRecording;
+  final Future<void> Function() onPasteEventInfo;
+  final VoidCallback onClearEventInfo;
+
+  bool get _showPasteButtons => !hasValidClipboardInfo && !isRecording;
+
+  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":"蔡依婷vs夏志豪 空中格斗赛 初中组","address":"黑龙江省鹤岗市11111","filename":"蔡依婷_夏志豪_测试循环赛-7_空中格斗赛"}';
+    Clipboard.setData(const ClipboardData(text: strTemp));
+    AppToast.show('模拟复制赛事信息成功');
+  }
+
+  @override
+  Widget build(BuildContext context) {
+    return SafeArea(
+      bottom: false,
+      child: SizedBox(
+        height: 56.h,
+        width: double.maxFinite,
+        child: Padding(
+          padding: EdgeInsets.symmetric(horizontal: 12.w),
+          child: Row(
+            children: [
+              Image.asset(
+                Assets.images.imageLogo.path,
+                width: 24.r,
+                height: 24.r,
+                fit: BoxFit.contain,
+              ),
+              Expanded(
+                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,
+                        ),
+                      ),
+                  ],
+                ),
+              ),
+            ],
+          ),
+        ),
+      ),
+    );
+  }
+}
+
+class _HeaderEventTitleRow extends StatelessWidget {
+  const _HeaderEventTitleRow({
+    super.key,
+    required this.title,
+    required this.isRecording,
+    required this.onClearEventInfo,
+  });
+
+  final String title;
+  final bool isRecording;
+  final VoidCallback onClearEventInfo;
+
+  static TextStyle get _overlayTextStyle => TextStyle(
+    color: Colors.white,
+    shadows: [Shadow(color: Colors.black54, blurRadius: 6.r)],
+  );
+
+  @override
+  Widget build(BuildContext context) {
+    return Row(
+      mainAxisAlignment: MainAxisAlignment.center,
+      children: [
+        Expanded(
+          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,
+            ),
+          ),
+        ),
+        !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')),
+      ],
+    );
+  }
+}
+
+class _HeaderPasteActions extends StatelessWidget {
+  const _HeaderPasteActions({
+    required this.onMockCopy,
+    required this.onPasteEventInfo,
+  });
+
+  final VoidCallback onMockCopy;
+  final Future<void> Function() onPasteEventInfo;
+
+  @override
+  Widget build(BuildContext context) {
+    return Row(
+      mainAxisAlignment: MainAxisAlignment.end,
+      children: [
+        // _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,
+          ),
+        ),
+      ],
+    );
+  }
+}
+
+class _HeaderActionButton extends StatelessWidget {
+  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 ?? 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),
+        textStyle: TextStyle(fontSize: 10.sp),
+        padding: EdgeInsets.symmetric(horizontal: 7.r, vertical: 4.r),
+        shape: RoundedRectangleBorder(
+          borderRadius: BorderRadius.circular(25.r),
+          side: const BorderSide(color: Colors.white30),
+        ),
+      ),
+    );
+  }
+}

lib/features/recording/widgets/widget_record_timer.dart

@@ -0,0 +1,49 @@
+import 'package:flutter/material.dart';
+import 'package:flutter_riverpod/flutter_riverpod.dart';
+import 'package:flutter_screenutil/flutter_screenutil.dart';
+import 'package:recording_tool/features/recording/view-model/view_model_recording.dart';
+
+class RecordTimerWidget extends ConsumerStatefulWidget {
+  const RecordTimerWidget({super.key});
+
+  @override
+  ConsumerState<RecordTimerWidget> createState() => _RecordTimerWidgetState();
+}
+
+class _RecordTimerWidgetState extends ConsumerState<RecordTimerWidget> {
+  @override
+  Widget build(BuildContext context) {
+    final timerState = ref.watch(
+      recordingViewModelProvider.select(
+        (m) => (m.session.isRecording, m.session.elapsedLabel),
+      ),
+    );
+    final (isRecording, elapsedLabel) = timerState;
+    final displayTime = isRecording ? elapsedLabel : '00:00:00';
+
+    return Positioned(
+      top: 13.r,
+      left: 0,
+      right: 0,
+      child: Center(
+        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,
+            borderRadius: BorderRadius.circular(6.r),
+          ),
+          child: Text(
+            displayTime,
+            style: TextStyle(
+              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_hint_chip.dart

@@ -0,0 +1,42 @@
+import 'package:flutter/material.dart';
+import 'package:flutter_screenutil/flutter_screenutil.dart';
+
+/// 可点击的提示条组件
+class RecordingHintChipWidget extends StatelessWidget {
+  const RecordingHintChipWidget({
+    super.key,
+    required this.label,
+    required this.onTap,
+  });
+
+  final String label;
+  final VoidCallback onTap;
+
+  @override
+  /// 构建提示条 UI
+  Widget build(BuildContext context) {
+    return GestureDetector(
+      onTap: onTap,
+      child: DecoratedBox(
+        decoration: BoxDecoration(
+          color: Colors.white12,
+          borderRadius: BorderRadius.circular(8.r),
+        ),
+        child: Padding(
+          padding: EdgeInsets.symmetric(horizontal: 12.r, vertical: 8.r),
+          child: Row(
+            children: [
+              Expanded(
+                child: Text(
+                  label,
+                  style: TextStyle(color: Colors.white70, fontSize: 12.sp),
+                ),
+              ),
+              Icon(Icons.chevron_right, color: Colors.white54, size: 18.r),
+            ],
+          ),
+        ),
+      ),
+    );
+  }
+}

lib/features/recording/widgets/widget_recording_hud.dart

@@ -0,0 +1,173 @@
+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/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,
+    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,
+    required this.onStop,
+    required this.onOpenDnd,
+    required this.onOpenBattery,
+    required this.onToggleTouchLock,
+  });
+
+  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;
+  final Future<void> Function() onStop;
+  final VoidCallback onOpenDnd;
+  final VoidCallback onOpenBattery;
+  final VoidCallback onToggleTouchLock;
+
+  static double get _recordButtonSize => 70.r;
+  static double get _recordButtonBottom => 63.r;
+  static double get _overlayInfoLeft => 13.r;
+  static double get _overlayInfoBottom => 10.r;
+
+  @override
+  Widget build(BuildContext context) {
+    return Stack(
+      fit: StackFit.expand,
+      children: [
+        Positioned(
+          left: 0,
+          right: 0,
+          top: 0,
+          bottom: _recordButtonBottom + _recordButtonSize + 16.h,
+          child: Column(
+            children: [
+              SizedBox(height: 8.h),
+              const Spacer(),
+              if (errorMessage != null)
+                Padding(
+                  padding: EdgeInsets.all(12.r),
+                  child: Text(
+                    errorMessage!,
+                    style: const TextStyle(color: Colors.amber),
+                    textAlign: TextAlign.center,
+                  ),
+                ),
+              if (permissionWarning != null)
+                Padding(
+                  padding: EdgeInsets.symmetric(
+                    horizontal: 16.r,
+                    vertical: 8.r,
+                  ),
+                  child: Text(
+                    permissionWarning!,
+                    style: TextStyle(
+                      color: Colors.orangeAccent,
+                      fontSize: 12.sp,
+                    ),
+                    textAlign: TextAlign.center,
+                  ),
+                ),
+              RecordingSetupHintsWidget(
+                hasDndAccess: hasDndAccess,
+                isBatteryIgnored: isBatteryOptimizedIgnored,
+                notificationsGranted: notificationsGranted,
+                onOpenDnd: onOpenDnd,
+                onOpenBattery: onOpenBattery,
+                onOpenNotificationSettings: openAppSettings,
+              ),
+            ],
+          ),
+        ),
+        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 (isRecording)
+          Positioned(
+            left: 16.r,
+            bottom: _recordButtonBottom,
+            child: SizedBox(
+              height: _recordButtonSize,
+              child: Center(
+                child: IconButton(
+                  onPressed: onToggleTouchLock,
+                  icon: Icon(
+                    isTouchLocked ? Icons.lock : Icons.lock_open,
+                    color: Colors.white,
+                    size: 28.r,
+                  ),
+                ),
+              ),
+            ),
+          ),
+        Positioned(
+          left: 0,
+          right: 0,
+          bottom: _recordButtonBottom,
+          child: Center(
+            child: RecordingControlButton(
+              isRecording: isRecording,
+              isStartingRecording: isStartingRecording,
+              enabled: !isStartingRecording,
+              size: _recordButtonSize,
+              onTap: () {
+                if (isRecording) {
+                  RateLimit.instance.debounce<void>(
+                    key: 'recording.session.stop',
+                    value: null,
+                    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();
+                    },
+                  );
+                }
+              },
+            ),
+          ),
+        ),
+      ],
+    );
+  }
+}

lib/features/recording/widgets/widget_recording_loading_overlay.dart

@@ -0,0 +1,41 @@
+import 'package:flutter/material.dart';
+import 'package:flutter_screenutil/flutter_screenutil.dart';
+
+/// 录制加载遮罩（相机启动/开始录制）
+class RecordingLoadingOverlayWidget extends StatelessWidget {
+  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: backgroundColor,
+      child: Center(
+        child: Column(
+          mainAxisSize: MainAxisSize.min,
+          children: [
+            SizedBox.square(
+              dimension: 32.r,
+              child: CircularProgressIndicator(
+                strokeWidth: 2.5.r,
+                color: Colors.white70,
+              ),
+            ),
+            SizedBox(height: 14.h),
+            Text(
+              message,
+              style: TextStyle(color: Colors.white70, fontSize: 14.sp),
+            ),
+          ],
+        ),
+      ),
+    );
+  }
+}

lib/features/recording/widgets/widget_recording_saved_dialog.dart

@@ -0,0 +1,20 @@
+import 'package:flutter/material.dart';
+import 'package:recording_tool/features/dialog/dialog-record.dart';
+
+/// 录制结束并保存到相册后的后续操作弹窗。
+Future<void> showRecordingSavedDialog(
+  BuildContext context, {
+  required String sessionTitle,
+  required VoidCallback onContinueRound,
+  required VoidCallback onRecordNewRound,
+}) {
+  return RecordDialog.showDouble(
+    context,
+    title: '本轮比赛视频已保存到相册\n请选择后续录制信息',
+    leftText: '继续本轮',
+    rightText: '录制新轮',
+    onLeftPressed: onContinueRound,
+    onRightPressed: onRecordNewRound,
+    barrierDismissible: false,
+  );
+}

lib/features/recording/widgets/widget_recording_setup_hints.dart

@@ -0,0 +1,56 @@
+import 'package:flutter/material.dart';
+import 'package:flutter_screenutil/flutter_screenutil.dart';
+import 'package:recording_tool/features/recording/widgets/widget_recording_hint_chip.dart';
+
+/// 权限相关设置提示条
+class RecordingSetupHintsWidget extends StatelessWidget {
+  const RecordingSetupHintsWidget({
+    super.key,
+    required this.hasDndAccess,
+    required this.isBatteryIgnored,
+    required this.notificationsGranted,
+    required this.onOpenDnd,
+    required this.onOpenBattery,
+    required this.onOpenNotificationSettings,
+  });
+
+  final bool hasDndAccess;
+  final bool isBatteryIgnored;
+  final bool notificationsGranted;
+  final VoidCallback onOpenDnd;
+  final VoidCallback onOpenBattery;
+  final VoidCallback onOpenNotificationSettings;
+
+  @override
+  Widget build(BuildContext context) {
+    final showPermissionHints =
+        !hasDndAccess || !isBatteryIgnored || !notificationsGranted;
+    if (!showPermissionHints) {
+      return const SizedBox.shrink();
+    }
+
+    return Padding(
+      padding: EdgeInsets.symmetric(horizontal: 16.r, vertical: 8.r),
+      child: Column(
+        children: [
+          if (!notificationsGranted) ...[
+            RecordingHintChipWidget(
+              label: '开启通知权限以显示录制前台服务',
+              onTap: onOpenNotificationSettings,
+            ),
+            SizedBox(height: 8.h),
+          ],
+          if (!hasDndAccess)
+            RecordingHintChipWidget(label: '开启勿扰权限可减少录制中断', onTap: onOpenDnd),
+          if (!isBatteryIgnored) ...[
+            SizedBox(height: 8.h),
+            RecordingHintChipWidget(
+              label: '关闭电池优化可提升息屏续录稳定性',
+              onTap: onOpenBattery,
+            ),
+          ],
+        ],
+      ),
+    );
+  }
+}

lib/features/recording/widgets/widget_recording_touch_lock_overlay.dart

@@ -0,0 +1,218 @@
+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,
+    required this.enabled,
+    required this.onUnlocked,
+    this.unlockHoldDuration = const Duration(seconds: 2),
+  });
+
+  final bool enabled;
+  final ValueChanged<RecordingTouchLockUnlockIntent> onUnlocked;
+  final Duration unlockHoldDuration;
+
+  @override
+  State<RecordingTouchLockOverlayWidget> createState() =>
+      _RecordingTouchLockOverlayWidgetState();
+}
+
+class _RecordingTouchLockOverlayWidgetState
+    extends State<RecordingTouchLockOverlayWidget> {
+  Timer? _holdTimer;
+  bool _isHolding = false;
+  int? _remainingSeconds;
+  Offset? _holdStartPosition;
+  Size? _holdStartSize;
+
+  @override
+  void didUpdateWidget(RecordingTouchLockOverlayWidget oldWidget) {
+    super.didUpdateWidget(oldWidget);
+    if (!widget.enabled) {
+      _cancelHold();
+    }
+  }
+
+  @override
+  void dispose() {
+    _holdTimer?.cancel();
+    _holdTimer = null;
+    super.dispose();
+  }
+
+  void _cancelHold() {
+    _holdTimer?.cancel();
+    _holdTimer = null;
+    if (!_isHolding && _remainingSeconds == null) return;
+    setState(() {
+      _isHolding = false;
+      _remainingSeconds = null;
+      _holdStartPosition = null;
+      _holdStartSize = null;
+    });
+  }
+
+  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;
+    _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);
+    });
+  }
+
+  @override
+  Widget build(BuildContext context) {
+    if (!widget.enabled) {
+      return const SizedBox.shrink();
+    }
+
+    return Positioned.fill(
+      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.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,
+                                      ),
+                                      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

@@ -0,0 +1,134 @@
+// dart format width=80
+
+/// GENERATED CODE - DO NOT MODIFY BY HAND
+/// *****************************************************
+///  FlutterGen
+/// *****************************************************
+
+// coverage:ignore-file
+// ignore_for_file: type=lint
+// ignore_for_file: deprecated_member_use,directives_ordering,implicit_dynamic_list_literal,unnecessary_import
+
+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');
+
+  /// File path: assets/images/image_logo.png
+  AssetGenImage get imageLogo =>
+      const AssetGenImage('assets/images/image_logo.png');
+
+  /// List of all assets
+  List<AssetGenImage> get values => [
+    imageCopy,
+    imageDelete,
+    imageDialogBg,
+    imageLogo,
+  ];
+}
+
+class Assets {
+  const Assets._();
+
+  static const $AssetsImagesGen images = $AssetsImagesGen();
+}
+
+class AssetGenImage {
+  const AssetGenImage(
+    this._assetName, {
+    this.size,
+    this.flavors = const {},
+    this.animation,
+  });
+
+  final String _assetName;
+
+  final Size? size;
+  final Set<String> flavors;
+  final AssetGenImageAnimation? animation;
+
+  Image image({
+    Key? key,
+    AssetBundle? bundle,
+    ImageFrameBuilder? frameBuilder,
+    ImageErrorWidgetBuilder? errorBuilder,
+    String? semanticLabel,
+    bool excludeFromSemantics = false,
+    double? scale,
+    double? width,
+    double? height,
+    Color? color,
+    Animation<double>? opacity,
+    BlendMode? colorBlendMode,
+    BoxFit? fit,
+    AlignmentGeometry alignment = Alignment.center,
+    ImageRepeat repeat = ImageRepeat.noRepeat,
+    Rect? centerSlice,
+    bool matchTextDirection = false,
+    bool gaplessPlayback = true,
+    bool isAntiAlias = false,
+    String? package,
+    FilterQuality filterQuality = FilterQuality.medium,
+    int? cacheWidth,
+    int? cacheHeight,
+  }) {
+    return Image.asset(
+      _assetName,
+      key: key,
+      bundle: bundle,
+      frameBuilder: frameBuilder,
+      errorBuilder: errorBuilder,
+      semanticLabel: semanticLabel,
+      excludeFromSemantics: excludeFromSemantics,
+      scale: scale,
+      width: width,
+      height: height,
+      color: color,
+      opacity: opacity,
+      colorBlendMode: colorBlendMode,
+      fit: fit,
+      alignment: alignment,
+      repeat: repeat,
+      centerSlice: centerSlice,
+      matchTextDirection: matchTextDirection,
+      gaplessPlayback: gaplessPlayback,
+      isAntiAlias: isAntiAlias,
+      package: package,
+      filterQuality: filterQuality,
+      cacheWidth: cacheWidth,
+      cacheHeight: cacheHeight,
+    );
+  }
+
+  ImageProvider provider({AssetBundle? bundle, String? package}) {
+    return AssetImage(_assetName, bundle: bundle, package: package);
+  }
+
+  String get path => _assetName;
+
+  String get keyName => _assetName;
+}
+
+class AssetGenImageAnimation {
+  const AssetGenImageAnimation({
+    required this.isAnimation,
+    required this.duration,
+    required this.frames,
+  });
+
+  final bool isAnimation;
+  final Duration duration;
+  final int frames;
+}

lib/shared/widgets/app_avatar.dart

@@ -1,20 +1,22 @@
 import 'package:flutter/material.dart';
+import 'package:flutter_screenutil/flutter_screenutil.dart';
 import 'package:recording_tool/shared/widgets/app_network_image.dart';
 
 class AppAvatar extends StatelessWidget {
-  const AppAvatar({super.key, this.imageUrl, this.initials, this.size = 40});
+  const AppAvatar({super.key, this.imageUrl, this.initials, this.size});
 
   final String? imageUrl;
   final String? initials;
-  final double size;
+  final double? size;
 
   @override
   Widget build(BuildContext context) {
-    final radius = BorderRadius.circular(size / 2);
+    final effectiveSize = size ?? 40.r;
+    final radius = BorderRadius.circular(effectiveSize / 2);
     return ClipRRect(
       borderRadius: radius,
       child: SizedBox.square(
-        dimension: size,
+        dimension: effectiveSize,
         child: imageUrl == null || imageUrl!.isEmpty
             ? ColoredBox(
                 color: Theme.of(context).colorScheme.primaryContainer,

lib/shared/widgets/app_button.dart

@@ -1,4 +1,5 @@
 import 'package:flutter/material.dart';
+import 'package:flutter_screenutil/flutter_screenutil.dart';
 
 enum AppButtonVariant { primary, secondary, outline, text, danger }
 
@@ -11,7 +12,7 @@ class AppButton extends StatelessWidget {
     this.variant = AppButtonVariant.primary,
     this.isLoading = false,
     this.expand = false,
-    this.height = 44,
+    this.height,
   });
 
   final String label;
@@ -20,7 +21,7 @@ class AppButton extends StatelessWidget {
   final AppButtonVariant variant;
   final bool isLoading;
   final bool expand;
-  final double height;
+  final double? height;
 
   @override
   Widget build(BuildContext context) {
@@ -30,7 +31,7 @@ class AppButton extends StatelessWidget {
       isLoading: isLoading,
     );
     final enabled = isLoading ? null : onPressed;
-    final size = Size(expand ? double.infinity : 0, height);
+    final size = Size(expand ? double.infinity : 0, height ?? 44.h);
 
     return switch (variant) {
       AppButtonVariant.primary => ElevatedButton(
@@ -79,9 +80,9 @@ class _ButtonContent extends StatelessWidget {
   @override
   Widget build(BuildContext context) {
     if (isLoading) {
-      return const SizedBox.square(
-        dimension: 18,
-        child: CircularProgressIndicator(strokeWidth: 2),
+      return SizedBox.square(
+        dimension: 18.r,
+        child: CircularProgressIndicator(strokeWidth: 2.r),
       );
     }
 
@@ -92,7 +93,7 @@ class _ButtonContent extends StatelessWidget {
       mainAxisAlignment: MainAxisAlignment.center,
       children: [
         icon!,
-        const SizedBox(width: 8),
+        SizedBox(width: 8.w),
         Flexible(child: Text(label, overflow: TextOverflow.ellipsis)),
       ],
     );

lib/shared/widgets/app_card.dart

@@ -1,17 +1,18 @@
 import 'package:flutter/material.dart';
+import 'package:flutter_screenutil/flutter_screenutil.dart';
 import 'package:recording_tool/app/theme/app_theme.dart';
 
 class AppCard extends StatelessWidget {
   const AppCard({
     super.key,
     required this.child,
-    this.padding = const EdgeInsets.all(AppSpacing.lg),
+    this.padding,
     this.margin,
     this.onTap,
   });
 
   final Widget child;
-  final EdgeInsetsGeometry padding;
+  final EdgeInsetsGeometry? padding;
   final EdgeInsetsGeometry? margin;
   final VoidCallback? onTap;
 
@@ -19,10 +20,10 @@ class AppCard extends StatelessWidget {
   Widget build(BuildContext context) {
     final card = Container(
       margin: margin,
-      padding: padding,
+      padding: padding ?? EdgeInsets.all(AppSpacing.lg),
       decoration: BoxDecoration(
         color: Theme.of(context).colorScheme.surface,
-        borderRadius: BorderRadius.circular(8),
+        borderRadius: BorderRadius.circular(8.r),
         border: Border.all(color: AppTheme.border),
       ),
       child: child,
@@ -32,7 +33,7 @@ class AppCard extends StatelessWidget {
 
     return InkWell(
       onTap: onTap,
-      borderRadius: BorderRadius.circular(8),
+      borderRadius: BorderRadius.circular(8.r),
       child: card,
     );
   }

lib/shared/widgets/app_dialog.dart

@@ -30,4 +30,24 @@ class AppDialog {
       },
     );
   }
+
+  static Future<void> deviceHealthAlert(
+    BuildContext context, {
+    required List<String> lines,
+  }) {
+    return showDialog<void>(
+      context: context,
+      builder: (dialogContext) {
+        return AlertDialog(
+          content: Text(lines.join('\n')),
+          actions: [
+            TextButton(
+              onPressed: () => Navigator.of(dialogContext).pop(),
+              child: const Text('确定'),
+            ),
+          ],
+        );
+      },
+    );
+  }
 }

lib/shared/widgets/app_empty_view.dart

@@ -1,4 +1,5 @@
 import 'package:flutter/material.dart';
+import 'package:flutter_screenutil/flutter_screenutil.dart';
 
 class AppEmptyView extends StatelessWidget {
   const AppEmptyView({
@@ -19,15 +20,15 @@ class AppEmptyView extends StatelessWidget {
     final colors = Theme.of(context).colorScheme;
     return Center(
       child: Padding(
-        padding: const EdgeInsets.all(24),
+        padding: EdgeInsets.all(24.r),
         child: Column(
           mainAxisSize: MainAxisSize.min,
           children: [
-            Icon(icon, size: 56, color: colors.outline),
-            const SizedBox(height: 12),
+            Icon(icon, size: 56.r, color: colors.outline),
+            SizedBox(height: 12.h),
             Text(title, style: Theme.of(context).textTheme.titleMedium),
             if (message != null) ...[
-              const SizedBox(height: 6),
+              SizedBox(height: 6.h),
               Text(
                 message!,
                 textAlign: TextAlign.center,
@@ -36,7 +37,7 @@ class AppEmptyView extends StatelessWidget {
                 ),
               ),
             ],
-            if (action != null) ...[const SizedBox(height: 16), action!],
+            if (action != null) ...[SizedBox(height: 16.h), action!],
           ],
         ),
       ),

lib/shared/widgets/app_error_view.dart

@@ -1,4 +1,5 @@
 import 'package:flutter/material.dart';
+import 'package:flutter_screenutil/flutter_screenutil.dart';
 import 'package:recording_tool/shared/widgets/app_button.dart';
 
 class AppErrorView extends StatelessWidget {
@@ -17,18 +18,18 @@ class AppErrorView extends StatelessWidget {
   Widget build(BuildContext context) {
     return Center(
       child: Padding(
-        padding: const EdgeInsets.all(24),
+        padding: EdgeInsets.all(24.r),
         child: Column(
           mainAxisSize: MainAxisSize.min,
           children: [
             Icon(
               Icons.error_outline,
-              size: 56,
+              size: 56.r,
               color: Theme.of(context).colorScheme.error,
             ),
-            const SizedBox(height: 12),
+            SizedBox(height: 12.h),
             Text(title, style: Theme.of(context).textTheme.titleMedium),
-            const SizedBox(height: 6),
+            SizedBox(height: 6.h),
             Text(
               message,
               textAlign: TextAlign.center,
@@ -37,10 +38,10 @@ class AppErrorView extends StatelessWidget {
               ),
             ),
             if (onRetry != null) ...[
-              const SizedBox(height: 16),
+              SizedBox(height: 16.h),
               AppButton(
                 label: '重试',
-                icon: const Icon(Icons.refresh, size: 18),
+                icon: Icon(Icons.refresh, size: 18.r),
                 variant: AppButtonVariant.outline,
                 onPressed: onRetry,
               ),

lib/shared/widgets/app_loading_view.dart

@@ -1,22 +1,24 @@
 import 'package:flutter/material.dart';
+import 'package:flutter_screenutil/flutter_screenutil.dart';
 
 class AppLoadingView extends StatelessWidget {
-  const AppLoadingView({super.key, this.message = '加载中', this.size = 24});
+  const AppLoadingView({super.key, this.message = '加载中', this.size});
 
   final String message;
-  final double size;
+  final double? size;
 
   @override
   Widget build(BuildContext context) {
+    final effectiveSize = size ?? 24.r;
     return Center(
       child: Column(
         mainAxisSize: MainAxisSize.min,
         children: [
           SizedBox.square(
-            dimension: size,
-            child: const CircularProgressIndicator(strokeWidth: 2.4),
+            dimension: effectiveSize,
+            child: CircularProgressIndicator(strokeWidth: 2.4.r),
           ),
-          const SizedBox(height: 12),
+          SizedBox(height: 12.h),
           Text(
             message,
             style: Theme.of(context).textTheme.bodyMedium?.copyWith(

lib/shared/widgets/app_network_image.dart

@@ -1,5 +1,6 @@
 import 'package:cached_network_image/cached_network_image.dart';
 import 'package:flutter/material.dart';
+import 'package:flutter_screenutil/flutter_screenutil.dart';
 
 class AppNetworkImage extends StatelessWidget {
   const AppNetworkImage({
@@ -24,16 +25,16 @@ class AppNetworkImage extends StatelessWidget {
       width: width,
       height: height,
       fit: fit,
-      placeholder: (_, __) => ColoredBox(
+      placeholder: (_, _) => ColoredBox(
         color: Theme.of(context).colorScheme.surfaceContainerHighest,
-        child: const Center(
+        child: Center(
           child: SizedBox.square(
-            dimension: 20,
-            child: CircularProgressIndicator(strokeWidth: 2),
+            dimension: 20.r,
+            child: CircularProgressIndicator(strokeWidth: 2.r),
           ),
         ),
       ),
-      errorWidget: (_, __, ___) => ColoredBox(
+      errorWidget: (_, _, _) => ColoredBox(
         color: Theme.of(context).colorScheme.surfaceContainerHighest,
         child: Icon(
           Icons.image_not_supported_outlined,