feat(about): 将 xiaogou_bg1.jpg 设为关于页面背景

core/src/main/kotlin/plus/rua/project/ui/AboutScreen.kt

@@ -1,5 +1,7 @@
 package plus.rua.project.ui
 
+import androidx.compose.foundation.Image
+import androidx.compose.foundation.layout.Box
 import androidx.compose.foundation.layout.Column
 import androidx.compose.foundation.layout.Spacer
 import androidx.compose.foundation.layout.fillMaxSize
@@ -17,11 +19,15 @@ import androidx.compose.material3.Scaffold
 import androidx.compose.material3.Text
 import androidx.compose.material3.TextButton
 import androidx.compose.material3.TopAppBar
+import androidx.compose.material3.TopAppBarDefaults
 import androidx.compose.runtime.Composable
 import androidx.compose.runtime.remember
 import androidx.compose.ui.Alignment
 import androidx.compose.ui.Modifier
 import androidx.compose.ui.draw.clip
+import androidx.compose.ui.graphics.Color
+import androidx.compose.ui.layout.ContentScale
+import androidx.compose.ui.res.painterResource
 import androidx.compose.ui.unit.dp
 import com.github.panpf.sketch.AsyncImage
 import plus.rua.project.AppInfo
@@ -42,61 +48,76 @@ fun AboutScreen(
     onNavigateToLicenses: () -> Unit,
     modifier: Modifier = Modifier
 ) {
-    Scaffold(
+    Box(
-        topBar = {
+        modifier = modifier.fillMaxSize()
-            TopAppBar(
+    ) {
-                title = { Text("关于鸭鸭日历") },
+        Image(
-                navigationIcon = {
+            painter = painterResource(id = plus.rua.project.shared.R.drawable.xiaogou_bg1),
-                    IconButton(onClick = onBack) {
+            contentDescription = null,
-                        Icon(
+            contentScale = ContentScale.Crop,
-                            imageVector = Icons.Filled.ChevronLeft,
+            modifier = Modifier.fillMaxSize()
-                            contentDescription = "返回"
+        )
-                        )
-                    }
-                }
-            )
-        },
-        modifier = modifier
-    ) { innerPadding ->
-        Column(
-            horizontalAlignment = Alignment.CenterHorizontally,
-            modifier = Modifier
-                .fillMaxSize()
-                .padding(innerPadding)
-                .padding(horizontal = 24.dp)
-        ) {
-            Spacer(modifier = Modifier.height(48.dp))
 
-            val appIconUri = remember { getAppIconUri() }
+        Scaffold(
-            AsyncImage(
+            topBar = {
-                uri = appIconUri,
+                TopAppBar(
-                contentDescription = "应用图标",
+                    title = { Text("关于鸭鸭日历") },
-                modifier = Modifier
+                    navigationIcon = {
-                    .size(80.dp)
+                        IconButton(onClick = onBack) {
-                    .clip(RoundedCornerShape(16.dp))
+                            Icon(
-            )
+                                imageVector = Icons.Filled.ChevronLeft,
-
+                                contentDescription = "返回"
-            Spacer(modifier = Modifier.height(16.dp))
+                            )
-
+                        }
-            Text(
+                    },
-                text = AppInfo.NAME,
+                    colors = TopAppBarDefaults.topAppBarColors(
-                style = MaterialTheme.typography.titleLarge
+                        containerColor = Color.Transparent
-            )
+                    )
-
-            Spacer(modifier = Modifier.height(8.dp))
-
-            TextButton(onClick = { /* TODO */ }) {
-                Text(
-                    text = "版本：${getAppVersion()}",
-                    style = MaterialTheme.typography.bodyMedium,
-                    color = MaterialTheme.colorScheme.onSurfaceVariant
                 )
-            }
+            },
+            containerColor = Color.Transparent,
+            modifier = Modifier.fillMaxSize()
+        ) { innerPadding ->
+            Column(
+                horizontalAlignment = Alignment.CenterHorizontally,
+                modifier = Modifier
+                    .fillMaxSize()
+                    .padding(innerPadding)
+                    .padding(horizontal = 24.dp)
+            ) {
+                Spacer(modifier = Modifier.height(48.dp))
 
-            Spacer(modifier = Modifier.height(48.dp))
+                val appIconUri = remember { getAppIconUri() }
+                AsyncImage(
+                    uri = appIconUri,
+                    contentDescription = "应用图标",
+                    modifier = Modifier
+                        .size(80.dp)
+                        .clip(RoundedCornerShape(16.dp))
+                )
 
-            TextButton(onClick = onNavigateToLicenses) {
+                Spacer(modifier = Modifier.height(16.dp))
-                Text("开放源代码许可")
+
+                Text(
+                    text = AppInfo.NAME,
+                    style = MaterialTheme.typography.titleLarge
+                )
+
+                Spacer(modifier = Modifier.height(8.dp))
+
+                TextButton(onClick = { /* TODO */ }) {
+                    Text(
+                        text = "版本：${getAppVersion()}",
+                        style = MaterialTheme.typography.bodyMedium,
+                        color = MaterialTheme.colorScheme.onSurfaceVariant
+                    )
+                }
+
+                Spacer(modifier = Modifier.height(48.dp))
+
+                TextButton(onClick = onNavigateToLicenses) {
+                    Text("开放源代码许可")
+                }
             }
         }
     }