手动创建AI界面调整

2025-09-22 17:57:39 +08:00
parent b43c1585c4
commit bd5aff7564
3 changed files with 200 additions and 75 deletions
--- a/app/src/main/java/com/aiosman/ravenow/ui/agent/AddAgent.kt
+++ b/app/src/main/java/com/aiosman/ravenow/ui/agent/AddAgent.kt
@@ -131,9 +131,10 @@ fun AddAgentScreen() {
            .background(color = appColors.decentBackground),
        horizontalAlignment = Alignment.CenterHorizontally
    ) {
+        var showManualCreation by remember { mutableStateOf(false) }
        StatusBarSpacer()
        Box(
-            modifier = Modifier.padding(horizontal = 24.dp, vertical = 16.dp)
+            modifier = Modifier.padding(horizontal = 14.dp, vertical = 16.dp)
                .background(color = appColors.decentBackground)
        ) {
            // 自定义header，控制返回按钮行为
@@ -166,11 +167,11 @@ fun AddAgentScreen() {
                )
            }
        }
-        Spacer(modifier = Modifier.height(32.dp))
+        Spacer(modifier = Modifier.height(1.dp))
        Column(
            modifier = Modifier
                .fillMaxWidth()
-                .height(90.dp)
+                .height(50.dp)
                .padding(horizontal = 20.dp),
        ) {
            Image(
@@ -183,7 +184,12 @@ fun AddAgentScreen() {
                    ),
                contentScale = ContentScale.Crop
            )
+        }
        Spacer(modifier = Modifier.height(16.dp))
+        Column(
+            modifier = Modifier.fillMaxWidth()
+                .padding(start = 20.dp)
+        ) {
            Text(
                text = "${AppState.profile?.nickName ?: "User"} 你好呀！今天想创造什么？",
                fontSize = 16.sp,
@@ -191,19 +197,27 @@ fun AddAgentScreen() {
            )
        }
        Spacer(modifier = Modifier.height(8.dp))
-        var showManualCreation by remember { mutableStateOf(false) }
+        Column(
+            modifier = Modifier.fillMaxWidth()
+                .padding(start = 20.dp)
+        ) {
+            if (!showManualCreation) {
+                Text(
+                    text = "只需要一句话，你的专属AI将在这里诞生。",
+                    fontSize = 14.sp,
+                    color = LocalAppTheme.current.text.copy(alpha = 0.6f),
+                )
+            }
+        }
+        Spacer(modifier = Modifier.height(24.dp))
+

        if (!showManualCreation) {
            Column(
                modifier = Modifier
                    .padding(horizontal = 20.dp)
            ) {
-                Text(
-                    text = "只需要一句话，你的专属AI将在这里诞生。",
-                    fontSize = 14.sp,
-                    color = LocalAppTheme.current.text.copy(alpha = 0.6f),
-                )
-                Spacer(modifier = Modifier.height(24.dp))
+
                Box(
                    modifier = Modifier
                        .fillMaxWidth()
@@ -418,7 +432,71 @@ fun AddAgentScreen() {
                }
            }
        }else {
-            // 原版头像的加号
+            Column(
+                modifier = Modifier
+                    .padding(horizontal = 16.dp)
+                    .align(Alignment.Start)
+            ) {
+                // 添加新的一句话创造AI按钮
+                Box(
+                    modifier = Modifier
+                        .align(Alignment.Start)
+                        .width(140.dp)
+                        .height(40.dp)
+                        .shadow(
+                            elevation = 10.dp,
+                            shape = RoundedCornerShape(10.dp),
+                            spotColor = Color(0x33F563FF),
+                            ambientColor = Color(0x99F563FF),
+                            clip = false
+                        )
+                        .background(
+                            brush = Brush.linearGradient(
+                                listOf(
+                                    Color(0xFF6246FF),
+                                    Color(0xFF7C45ED)
+                                )
+                            ),
+                            shape = RoundedCornerShape(10.dp)
+                        )
+                        .padding(0.5.dp)
+                        .background(
+                            color = appColors.background,
+                            shape = RoundedCornerShape(10.dp),
+                        )
+                        .noRippleClickable {
+                            showManualCreation = false
+                        }
+                ) {
+                    Row(
+                        modifier = Modifier
+                            .fillMaxSize()
+                            .padding(horizontal = 12.dp, vertical = 8.dp),
+                        verticalAlignment = Alignment.CenterVertically
+                    ) {
+                        Icon(
+                            painter = painterResource(id = R.mipmap.icons_info_magic),
+                            contentDescription = null,
+                            tint = Color.Black,
+                            modifier = Modifier.size(18.dp),
+                        )
+                        Spacer(modifier = Modifier.width(8.dp))
+                        Text(
+                            text = "一句话创造AI",
+                            color = Color.Black,
+                            fontWeight = FontWeight.W600,
+                            fontSize = 14.sp
+                        )
+                    }
+                }
+
+                Spacer(modifier = Modifier.height(16.dp))
+            Text(
+                text = "头像",
+                fontSize = 12.sp,
+                fontWeight = FontWeight.W600
+            )
+            Spacer(modifier = Modifier.height(4.dp))
            Box(
                modifier = Modifier
                    .size(72.dp)
@@ -441,29 +519,41 @@ fun AddAgentScreen() {
                contentAlignment = Alignment.Center
            ) {
                Icon(
-                    Icons.Default.Add,
-                    contentDescription = "Add",
+                    painter = painterResource(id = R.mipmap.icons_infor_edit),
+                    contentDescription = "Edit",
                    tint = Color.White,
+                    modifier = Modifier.size(20.dp),
                )
            }
+        }
            Spacer(modifier = Modifier.height(18.dp))
            // 原版两个输入框
            Column(
                modifier = Modifier
                    .padding(horizontal = 16.dp)
            ) {
+                Text(
+                    text = stringResource(R.string.agent_name),
+                    fontSize = 12.sp,
+                    fontWeight = FontWeight.W600
+                )
+                Spacer(modifier = Modifier.height(4.dp))
                FormTextInput(
                    value = model.name,
-                    label = stringResource(R.string.agent_name),
-                    hint = stringResource(R.string.agent_name_hint),
+                    hint = "给它取个名字，让它成为独一无二的你",
                    background = appColors.inputBackground2,
                    modifier = Modifier.fillMaxWidth(),
                ) { value ->
                    onNameChange(value)
                }
+                Text(
+                    text = stringResource(R.string.agent_desc),
+                    fontSize = 12.sp,
+                    fontWeight = FontWeight.W600
+                )
+                Spacer(modifier = Modifier.height(4.dp))
                FormTextInput2(
                    value = model.desc,
-                    label = stringResource(R.string.agent_desc),
                    hint = stringResource(R.string.agent_desc_hint),
                    background = appColors.inputBackground2,
                    modifier = Modifier.fillMaxWidth(),
--- a/app/src/main/java/com/aiosman/ravenow/ui/composables/form/FormTextInput.kt
+++ b/app/src/main/java/com/aiosman/ravenow/ui/composables/form/FormTextInput.kt
@@ -15,9 +15,11 @@ import androidx.compose.foundation.layout.fillMaxWidth
 import androidx.compose.foundation.layout.height
 import androidx.compose.foundation.layout.padding
 import androidx.compose.foundation.layout.size
+import androidx.compose.foundation.layout.width
 import androidx.compose.foundation.layout.widthIn
 import androidx.compose.foundation.shape.RoundedCornerShape
 import androidx.compose.foundation.text.BasicTextField
+import androidx.compose.material3.Icon
 import androidx.compose.material3.Text
 import androidx.compose.runtime.Composable
 import androidx.compose.ui.Alignment
@@ -52,7 +54,7 @@ fun FormTextInput(
    ) {
        Row(
            modifier = Modifier.fillMaxWidth()
-                .clip(RoundedCornerShape(16.dp))
+                .clip(RoundedCornerShape(25.dp))
                .background(background ?: AppColors.inputBackground)
                .let {
                    if (error != null) {
@@ -79,13 +81,27 @@ fun FormTextInput(
            Box(
                modifier = Modifier
                    .weight(1f)
-                    .padding(start = 16.dp)
+            ) {
+                Icon(
+                    painter = painterResource(id = R.mipmap.icons_infor_edit),
+                    contentDescription = null,
+                    modifier = Modifier
+                        .size(16.dp)
+                        .align(Alignment.TopStart),
+                    tint = Color.Unspecified.copy(alpha = 0.4f)
+                )
+                Row(
+                    verticalAlignment = Alignment.CenterVertically
+                ) {
+                    Spacer(modifier = Modifier.width(24.dp))
+                    Box(
+                        modifier = Modifier.weight(1f)
                    ) {
                        if (value.isEmpty()) {
                            Text(
                                text = hint ?: "",
                                style = TextStyle(
-                            fontSize = 16.sp,
+                                    fontSize = 14.sp,
                                    fontWeight = FontWeight.Normal,
                                    color = AppColors.inputHint
                                )
@@ -100,13 +116,14 @@ fun FormTextInput(
                            },
                            singleLine = true,
                            textStyle = TextStyle(
-                        fontSize = 16.sp,
+                                fontSize = 14.sp,
                                fontWeight = FontWeight.Normal,
                                color = AppColors.text
                            ),
                            cursorBrush = SolidColor(AppColors.text),
                        )
-
+                    }
+                }
            }


--- a/app/src/main/java/com/aiosman/ravenow/ui/composables/form/FormTextInput2.kt
+++ b/app/src/main/java/com/aiosman/ravenow/ui/composables/form/FormTextInput2.kt
@@ -15,9 +15,11 @@ import androidx.compose.foundation.layout.fillMaxWidth
 import androidx.compose.foundation.layout.height
 import androidx.compose.foundation.layout.padding
 import androidx.compose.foundation.layout.size
+import androidx.compose.foundation.layout.width
 import androidx.compose.foundation.layout.widthIn
 import androidx.compose.foundation.shape.RoundedCornerShape
 import androidx.compose.foundation.text.BasicTextField
+import androidx.compose.material3.Icon
 import androidx.compose.material3.Text
 import androidx.compose.runtime.Composable
 import androidx.compose.ui.Alignment
@@ -55,7 +57,7 @@ fun FormTextInput2(
    ) {
        Column(
            modifier = Modifier.fillMaxWidth()
-                .clip(RoundedCornerShape(16.dp))
+                .clip(RoundedCornerShape(25.dp))
                .background(background ?: AppColors.inputBackground)
                .let {
                    if (error != null) {
@@ -82,12 +84,27 @@ fun FormTextInput2(
            Box(
                modifier = Modifier
                    .weight(1f)
+            ) {
+                Icon(
+                    painter = painterResource(id = R.mipmap.icons_infor_edit),
+                    contentDescription = null,
+                    modifier = Modifier
+                        .size(16.dp)
+                        .align(Alignment.TopStart),
+                    tint = Color.Unspecified.copy(alpha = 0.4f)
+                )
+                Row(
+                    verticalAlignment = Alignment.CenterVertically
+                ) {
+                    Spacer(modifier = Modifier.width(24.dp))
+                    Box(
+                        modifier = Modifier.weight(1f)
                    ) {
                        if (value.isEmpty()) {
                            Text(
                                text = hint ?: "",
                                style = TextStyle(
-                            fontSize = 16.sp,
+                                    fontSize = 14.sp,
                                    fontWeight = FontWeight.Normal,
                                    color = AppColors.inputHint
                                )
@@ -109,14 +126,15 @@ fun FormTextInput2(
                                    }
                                },
                            textStyle = TextStyle(
-                        fontSize = 16.sp,
+                                fontSize = 14.sp,
                                fontWeight = FontWeight.Normal,
                                color = AppColors.text,
                                lineHeight = 20.sp
                            ),
                            cursorBrush = SolidColor(AppColors.text),
                        )
-
+                    }
+                }
            }