导航切换动画调整

将默认的淡入淡出动画效果替换为更接近iOS风格的侧滑动画，提升页面切换的流畅度和视觉体验。 **具体变更：** * **页面进入：** 新页面从右侧滑入。 * **页面退出：** 当前页面向右侧滑出，前一页面从左侧轻微偏移处滑回。 * **动画时长：** 统一设置为280毫秒。 **影响范围：** * 图片详情页 (`ImagePagerScreen`) * 创建群聊页 (`CreateGroupChatScreen`) **其他优化：** * **创建群聊页UI调整：** * 群聊名称输入框样式统一，采用圆角灰色背景。 * 底部创建按钮适配导航栏高度。 * 列表区域自适应填满剩余空间，防止内容被遮挡。 * 选择成员列表项固定高度，避免选中状态变化时布局跳动。 * 为头像和选择框添加默认图和占位图。 * **ImageLoader优化：** * 实现全局共享的 `ImageLoader` 实例，避免重复创建，提高内存缓存利用率。 * **列表性能优化：** * 为好友列表和AI助手列表的 `items` 添加 `key`，提升列表项更新效率。 * **资源清理调整：** * 移除了在离开首页和动态页时全量清理资源的操作，以避免返回时列表重置或不必要的重新加载。 * **ProfileV3页代码清理：** * 移除未使用的导入。
2025-08-31 21:13:06 +08:00
parent 21200910c1
commit 5759d4ec95
8 changed files with 126 additions and 93 deletions
--- a/app/src/main/java/com/aiosman/ravenow/ui/group/AiAgentListScreen.kt
+++ b/app/src/main/java/com/aiosman/ravenow/ui/group/AiAgentListScreen.kt
@@ -91,7 +91,10 @@ fun AiAgentListScreen(
                contentPadding = PaddingValues(16.dp),
                verticalArrangement = Arrangement.spacedBy(8.dp)
            ) {
-                items(filteredAgents) { agent ->
+                items(
+                    items = filteredAgents,
+                    key = { it.id }
+                ) { agent ->
                    MemberItem(
                        member = agent,
                        isSelected = selectedMemberIds.contains(agent.id),
--- a/app/src/main/java/com/aiosman/ravenow/ui/group/CreateGroupChatScreen.kt
+++ b/app/src/main/java/com/aiosman/ravenow/ui/group/CreateGroupChatScreen.kt
@@ -88,7 +88,7 @@ fun CreateGroupChatScreen() {
        }
    }
    
-    val navigationBarPaddings = WindowInsets.navigationBars.asPaddingValues().calculateBottomPadding() + 48.dp
+    val navigationBarPadding = WindowInsets.navigationBars.asPaddingValues().calculateBottomPadding()
    
    LaunchedEffect(Unit) {
        systemUiController.setNavigationBarColor(Color.Transparent)
@@ -97,7 +97,7 @@ fun CreateGroupChatScreen() {
    Column(
        modifier = Modifier
            .fillMaxSize()
-            .padding(bottom = navigationBarPaddings)
+            .background(AppColors.background)
    ) {
        // 错误提示
        CreateGroupChatViewModel.errorMessage?.let { error ->
@@ -177,7 +177,7 @@ fun CreateGroupChatScreen() {
                    color = AppColors.inputBackground,
                    shape = RoundedCornerShape(8.dp)
                )
-                .padding(horizontal = 12.dp, vertical = 8.dp)
+                .padding(horizontal = 16.dp, vertical = 13.dp)
        ) {
            Row(
                verticalAlignment = Alignment.CenterVertically
@@ -247,44 +247,50 @@ fun CreateGroupChatScreen() {
 //            )
 //        }
        
-        // 群聊名称输入框
-        Row(
+        // 群聊名称输入：同一圆角灰色矩形容器
+        Box(
            modifier = Modifier
                .fillMaxWidth()
-                .padding(horizontal = 16.dp, vertical = 8.dp),
-            verticalAlignment = Alignment.CenterVertically
+                .padding(horizontal = 16.dp, vertical = 8.dp)
+                .background(
+                    color = AppColors.inputBackground,
+                    shape = RoundedCornerShape(8.dp)
+                )
+                .padding(horizontal = 12.dp, vertical = 8.dp)
        ) {
-            Text(
-                text = stringResource(R.string.group_name),
-                fontSize = 14.sp,
-                color = AppColors.text,
-                modifier = Modifier.width(80.dp)
-            )
-            BasicTextField(
-                value = groupName,
-                onValueChange = { groupName = it },
-                textStyle = androidx.compose.ui.text.TextStyle(
+            Row(
+                modifier = Modifier.fillMaxWidth(),
+                verticalAlignment = Alignment.CenterVertically
+            ) {
+                Text(
+                    text = stringResource(R.string.group_name),
+                    fontSize = 14.sp,
                    color = AppColors.text,
-                    fontSize = 14.sp
-                ),
-                modifier = Modifier
-                    .weight(1f)
-                    .background(
-                        color = AppColors.inputBackground,
-                        shape = RoundedCornerShape(8.dp)
-                    )
-                    .padding(horizontal = 12.dp, vertical = 8.dp),
-                decorationBox = { innerTextField ->
-                    if (groupName.text.isEmpty()) {
-                        Text(
-                            text = stringResource(R.string.group_name_hint),
-                            color = Color(0xFF999999),
-                            fontSize = 14.sp
-                        )
+                    modifier = Modifier.width(80.dp)
+                )
+                BasicTextField(
+                    value = groupName,
+                    onValueChange = { groupName = it },
+                    textStyle = androidx.compose.ui.text.TextStyle(
+                        color = AppColors.text,
+                        fontSize = 14.sp
+                    ),
+                    modifier = Modifier
+                        .weight(1f),
+                    decorationBox = { innerTextField ->
+                        Box(Modifier.fillMaxWidth()) {
+                            if (groupName.text.isEmpty()) {
+                                Text(
+                                    text = stringResource(R.string.group_name_hint),
+                                    color = AppColors.inputHint,
+                                    fontSize = 14.sp
+                                )
+                            }
+                            innerTextField()
+                        }
                    }
-                    innerTextField()
-                }
-            )
+                )
+            }
        }
        
        // 已选成员列表
@@ -313,6 +319,9 @@ fun CreateGroupChatScreen() {
                                context = context,
                                imageUrl = member.avatar,
                                contentDescription = member.name,
+                                defaultRes = R.drawable.default_avatar,
+                                placeholderRes = R.drawable.default_avatar,
+                                errorRes = R.drawable.default_avatar,
                                modifier = Modifier
                                    .size(48.dp)
                                    .clip(CircleShape)
@@ -336,7 +345,7 @@ fun CreateGroupChatScreen() {
                            ) {
                                Text(
                                    text = "×",
-                                    color = Color.White,
+                                    color = AppColors.mainText,
                                    fontSize = 14.sp,
                                    fontWeight = FontWeight.Bold
                                )
@@ -393,12 +402,12 @@ fun CreateGroupChatScreen() {
            )
        }
        
-        // 内容区域
+        // 内容区域 - 自适应填满剩余高度
        HorizontalPager(
            state = pagerState,
            modifier = Modifier
                .fillMaxWidth()
-                .weight(1f)
+                .weight(1f) // 这里让列表占据剩余空间
        ) {
            when (it) {
                0 -> {
@@ -432,7 +441,7 @@ fun CreateGroupChatScreen() {
            }
        }
        
-        // 创建群聊按钮
+        // 创建群聊按钮 - 固定在底部
        Button(
            onClick = {
                // 创建群聊逻辑
@@ -451,7 +460,7 @@ fun CreateGroupChatScreen() {
            },
            modifier = Modifier
                .fillMaxWidth()
-                .padding(horizontal = 16.dp, vertical = 16.dp),
+                .padding(start = 16.dp, end = 16.dp, top = 16.dp, bottom = navigationBarPadding + 16.dp),
            colors = ButtonDefaults.buttonColors(
                containerColor = AppColors.main,
                contentColor = AppColors.mainText
--- a/app/src/main/java/com/aiosman/ravenow/ui/group/FriendListScreen.kt
+++ b/app/src/main/java/com/aiosman/ravenow/ui/group/FriendListScreen.kt
@@ -91,7 +91,10 @@ fun FriendListScreen(
                contentPadding = PaddingValues(16.dp),
                verticalArrangement = Arrangement.spacedBy(8.dp)
            ) {
-                items(filteredFriends) { friend ->
+                items(
+                    items = filteredFriends,
+                    key = { it.id }
+                ) { friend ->
                    MemberItem(
                        member = friend,
                        isSelected = selectedMemberIds.contains(friend.id),
--- a/app/src/main/java/com/aiosman/ravenow/ui/group/MemberItem.kt
+++ b/app/src/main/java/com/aiosman/ravenow/ui/group/MemberItem.kt
@@ -2,8 +2,6 @@ package com.aiosman.ravenow.ui.group

 import androidx.compose.foundation.layout.*
 import androidx.compose.foundation.shape.CircleShape
-import androidx.compose.material3.Checkbox
-import androidx.compose.material3.CheckboxDefaults
 import androidx.compose.material3.Text
 import androidx.compose.runtime.Composable
 import androidx.compose.ui.Alignment
@@ -14,7 +12,9 @@ import androidx.compose.ui.text.font.FontWeight
 import androidx.compose.ui.unit.dp
 import androidx.compose.ui.unit.sp
 import com.aiosman.ravenow.LocalAppTheme
+import com.aiosman.ravenow.R
 import com.aiosman.ravenow.ui.composables.CustomAsyncImage
+import com.aiosman.ravenow.ui.composables.Checkbox
 import com.aiosman.ravenow.ui.modifiers.noRippleClickable

@Composable
@@ -29,14 +29,18 @@ fun MemberItem(
    Row(
        modifier = Modifier
            .fillMaxWidth()
+            .height(56.dp) // 固定高度防止跳动
            .noRippleClickable { onSelect() }
-            .padding(vertical = 8.dp),
+            .padding(horizontal = 0.dp, vertical = 8.dp),
        verticalAlignment = Alignment.CenterVertically
    ) {
        CustomAsyncImage(
            context = context,
            imageUrl = member.avatar,
            contentDescription = member.name,
+            defaultRes = R.drawable.default_avatar,
+            placeholderRes = R.drawable.default_avatar,
+            errorRes = R.drawable.default_avatar,
            modifier = Modifier
                .size(40.dp)
                .clip(CircleShape)
@@ -54,12 +58,9 @@ fun MemberItem(
        Spacer(modifier = Modifier.width(8.dp))
        
        Checkbox(
+            size = 20,
            checked = isSelected,
-            onCheckedChange = { onSelect() },
-            colors = CheckboxDefaults.colors(
-                checkedColor = AppColors.main,
-                uncheckedColor = AppColors.secondaryText
-            )
+            onCheckedChange = { onSelect() }
        )
    }
 }