自定义NavigationItem，新增群组创建页面
This commit is contained in:
weber
@@ -0,0 +1,70 @@
|
||||
package com.aiosman.ravenow.ui.group
|
||||
|
||||
import androidx.compose.foundation.layout.*
|
||||
import androidx.compose.foundation.lazy.LazyColumn
|
||||
import androidx.compose.foundation.lazy.items
|
||||
import androidx.compose.foundation.shape.CircleShape
|
||||
import androidx.compose.material3.Text
|
||||
import androidx.compose.runtime.*
|
||||
import androidx.compose.ui.Alignment
|
||||
import androidx.compose.ui.Modifier
|
||||
import androidx.compose.ui.draw.clip
|
||||
import androidx.compose.ui.platform.LocalContext
|
||||
import androidx.compose.ui.unit.dp
|
||||
import androidx.compose.ui.unit.sp
|
||||
import com.aiosman.ravenow.LocalAppTheme
|
||||
import com.aiosman.ravenow.ui.composables.CustomAsyncImage
|
||||
import com.aiosman.ravenow.ui.modifiers.noRippleClickable
|
||||
|
||||
@Composable
|
||||
fun AiAgentListScreen(
|
||||
searchText: String,
|
||||
selectedMemberIds: Set<String> = emptySet(),
|
||||
onMemberSelect: (GroupMember) -> Unit
|
||||
) {
|
||||
val AppColors = LocalAppTheme.current
|
||||
val context = LocalContext.current
|
||||
|
||||
var aiAgents by remember { mutableStateOf<List<GroupMember>>(emptyList()) }
|
||||
var isLoading by remember { mutableStateOf(false) }
|
||||
|
||||
// 加载AI智能体数据
|
||||
LaunchedEffect(Unit) {
|
||||
isLoading = true
|
||||
aiAgents = CreateGroupChatViewModel.getAiAgents()
|
||||
isLoading = false
|
||||
}
|
||||
|
||||
val filteredAgents = if (searchText.isEmpty()) {
|
||||
aiAgents
|
||||
} else {
|
||||
aiAgents.filter { it.name.contains(searchText, ignoreCase = true) }
|
||||
}
|
||||
|
||||
if (isLoading) {
|
||||
Box(
|
||||
modifier = Modifier.fillMaxSize(),
|
||||
contentAlignment = Alignment.Center
|
||||
) {
|
||||
Text(
|
||||
text = "加载中...",
|
||||
color = AppColors.secondaryText,
|
||||
fontSize = 14.sp
|
||||
)
|
||||
}
|
||||
} else {
|
||||
LazyColumn(
|
||||
modifier = Modifier.fillMaxSize(),
|
||||
contentPadding = PaddingValues(16.dp),
|
||||
verticalArrangement = Arrangement.spacedBy(8.dp)
|
||||
) {
|
||||
items(filteredAgents) { agent ->
|
||||
MemberItem(
|
||||
member = agent,
|
||||
isSelected = selectedMemberIds.contains(agent.id),
|
||||
onSelect = { onMemberSelect(agent) }
|
||||
)
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,397 @@
|
||||
package com.aiosman.ravenow.ui.group
|
||||
|
||||
import androidx.compose.foundation.ExperimentalFoundationApi
|
||||
import androidx.compose.foundation.Image
|
||||
import androidx.compose.foundation.background
|
||||
import androidx.compose.foundation.layout.*
|
||||
import androidx.compose.foundation.lazy.LazyRow
|
||||
import androidx.compose.foundation.lazy.items
|
||||
import androidx.compose.foundation.pager.HorizontalPager
|
||||
import androidx.compose.foundation.pager.rememberPagerState
|
||||
import androidx.compose.foundation.shape.CircleShape
|
||||
import androidx.compose.foundation.shape.RoundedCornerShape
|
||||
import androidx.compose.foundation.text.BasicTextField
|
||||
import androidx.compose.material3.Button
|
||||
import androidx.compose.material3.ButtonDefaults
|
||||
import androidx.compose.material3.Text
|
||||
import androidx.compose.runtime.*
|
||||
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.graphics.ColorFilter
|
||||
import androidx.compose.ui.platform.LocalContext
|
||||
import androidx.compose.ui.res.painterResource
|
||||
import androidx.compose.ui.res.stringResource
|
||||
import androidx.compose.ui.text.font.FontWeight
|
||||
import androidx.compose.ui.text.input.TextFieldValue
|
||||
import androidx.compose.ui.unit.dp
|
||||
import androidx.compose.ui.unit.sp
|
||||
import com.aiosman.ravenow.LocalAppTheme
|
||||
import com.aiosman.ravenow.LocalNavController
|
||||
import com.aiosman.ravenow.R
|
||||
import com.aiosman.ravenow.ui.composables.CustomAsyncImage
|
||||
import com.aiosman.ravenow.ui.composables.StatusBarSpacer
|
||||
import com.aiosman.ravenow.ui.composables.TabItem
|
||||
import com.aiosman.ravenow.ui.composables.TabSpacer
|
||||
import com.aiosman.ravenow.ui.modifiers.noRippleClickable
|
||||
import com.google.accompanist.systemuicontroller.rememberSystemUiController
|
||||
import kotlinx.coroutines.launch
|
||||
|
||||
// 成员数据类
|
||||
data class GroupMember(
|
||||
val id: String,
|
||||
val name: String,
|
||||
val avatar: String
|
||||
)
|
||||
|
||||
@OptIn(ExperimentalFoundationApi::class)
|
||||
@Composable
|
||||
fun CreateGroupChatScreen() {
|
||||
val AppColors = LocalAppTheme.current
|
||||
val navController = LocalNavController.current
|
||||
val systemUiController = rememberSystemUiController()
|
||||
val context = LocalContext.current
|
||||
|
||||
// 状态管理
|
||||
var groupName by remember { mutableStateOf(TextFieldValue("")) }
|
||||
var searchText by remember { mutableStateOf(TextFieldValue("")) }
|
||||
var selectedMembers by remember { mutableStateOf(listOf<GroupMember>()) }
|
||||
var selectedMemberIds by remember { mutableStateOf<Set<String>>(emptySet()) }
|
||||
var pagerState = rememberPagerState(pageCount = { 2 })
|
||||
var scope = rememberCoroutineScope()
|
||||
|
||||
// 清除错误信息
|
||||
LaunchedEffect(groupName.text, searchText.text) {
|
||||
if (CreateGroupChatViewModel.errorMessage != null) {
|
||||
CreateGroupChatViewModel.clearError()
|
||||
}
|
||||
}
|
||||
|
||||
// 监听页面切换，清除当前tab的选中状态（但保留已选成员列表）
|
||||
LaunchedEffect(pagerState.currentPage) {
|
||||
// 不清除selectedMemberIds，因为我们需要保持跨tab的选中状态
|
||||
// 这样用户可以在AI智能体和朋友之间切换，选中的状态会保持
|
||||
}
|
||||
|
||||
val navigationBarPaddings = WindowInsets.navigationBars.asPaddingValues().calculateBottomPadding() + 48.dp
|
||||
|
||||
LaunchedEffect(Unit) {
|
||||
systemUiController.setNavigationBarColor(Color.Transparent)
|
||||
}
|
||||
|
||||
Column(
|
||||
modifier = Modifier
|
||||
.fillMaxSize()
|
||||
.padding(bottom = navigationBarPaddings)
|
||||
) {
|
||||
// 错误提示
|
||||
CreateGroupChatViewModel.errorMessage?.let { error ->
|
||||
Box(
|
||||
modifier = Modifier
|
||||
.fillMaxWidth()
|
||||
.background(AppColors.error.copy(alpha = 0.1f))
|
||||
.padding(16.dp)
|
||||
) {
|
||||
Text(
|
||||
text = error,
|
||||
color = AppColors.error,
|
||||
fontSize = 14.sp
|
||||
)
|
||||
}
|
||||
}
|
||||
StatusBarSpacer()
|
||||
|
||||
// 头部
|
||||
Row(
|
||||
modifier = Modifier
|
||||
.fillMaxWidth()
|
||||
.padding(horizontal = 16.dp, vertical = 12.dp),
|
||||
verticalAlignment = Alignment.CenterVertically
|
||||
) {
|
||||
// 返回按钮
|
||||
Image(
|
||||
painter = painterResource(id = R.drawable.rider_pro_back_icon),
|
||||
contentDescription = "back",
|
||||
modifier = Modifier
|
||||
.size(24.dp)
|
||||
.noRippleClickable {
|
||||
navController.popBackStack()
|
||||
},
|
||||
colorFilter = ColorFilter.tint(AppColors.text)
|
||||
)
|
||||
|
||||
// 标题
|
||||
Text(
|
||||
text = stringResource(R.string.create_group_chat),
|
||||
fontSize = 17.sp,
|
||||
fontWeight = FontWeight.W700,
|
||||
color = AppColors.text,
|
||||
modifier = Modifier
|
||||
.weight(1f)
|
||||
.padding(start = 16.dp)
|
||||
)
|
||||
|
||||
// 一键创建按钮
|
||||
Row(
|
||||
verticalAlignment = Alignment.CenterVertically,
|
||||
modifier = Modifier.noRippleClickable {
|
||||
// 一键创建逻辑
|
||||
}
|
||||
) {
|
||||
Image(
|
||||
painter = painterResource(id = R.drawable.rider_pro_new_post_add_pic),
|
||||
contentDescription = "quick create",
|
||||
modifier = Modifier.size(16.dp),
|
||||
colorFilter = ColorFilter.tint(AppColors.main)
|
||||
)
|
||||
Spacer(modifier = Modifier.width(4.dp))
|
||||
Text(
|
||||
text = stringResource(R.string.quick_create),
|
||||
fontSize = 14.sp,
|
||||
color = AppColors.main
|
||||
)
|
||||
}
|
||||
}
|
||||
|
||||
// 搜索栏
|
||||
Box(
|
||||
modifier = Modifier
|
||||
.fillMaxWidth()
|
||||
.padding(horizontal = 16.dp, vertical = 8.dp)
|
||||
.background(
|
||||
color = AppColors.inputBackground,
|
||||
shape = RoundedCornerShape(8.dp)
|
||||
)
|
||||
.padding(horizontal = 12.dp, vertical = 8.dp)
|
||||
) {
|
||||
BasicTextField(
|
||||
value = searchText,
|
||||
onValueChange = { searchText = it },
|
||||
textStyle = androidx.compose.ui.text.TextStyle(
|
||||
color = AppColors.text,
|
||||
fontSize = 14.sp
|
||||
),
|
||||
modifier = Modifier.fillMaxWidth(),
|
||||
decorationBox = { innerTextField ->
|
||||
Row(
|
||||
verticalAlignment = Alignment.CenterVertically
|
||||
) {
|
||||
Image(
|
||||
painter = painterResource(id = R.drawable.rider_pro_nav_search),
|
||||
contentDescription = "search",
|
||||
modifier = Modifier.size(16.dp),
|
||||
colorFilter = ColorFilter.tint(AppColors.secondaryText)
|
||||
)
|
||||
Spacer(modifier = Modifier.width(8.dp))
|
||||
if (searchText.text.isEmpty()) {
|
||||
Text(
|
||||
text = "搜索",
|
||||
color = AppColors.secondaryText,
|
||||
fontSize = 14.sp
|
||||
)
|
||||
}
|
||||
innerTextField()
|
||||
}
|
||||
}
|
||||
)
|
||||
}
|
||||
|
||||
// 群聊名称输入框
|
||||
Row(
|
||||
modifier = Modifier
|
||||
.fillMaxWidth()
|
||||
.padding(horizontal = 16.dp, vertical = 8.dp),
|
||||
verticalAlignment = Alignment.CenterVertically
|
||||
) {
|
||||
Text(
|
||||
text = "群聊名称",
|
||||
fontSize = 14.sp,
|
||||
color = AppColors.text,
|
||||
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)
|
||||
.background(
|
||||
color = AppColors.inputBackground,
|
||||
shape = RoundedCornerShape(8.dp)
|
||||
)
|
||||
.padding(horizontal = 12.dp, vertical = 8.dp)
|
||||
)
|
||||
}
|
||||
|
||||
// 已选成员列表
|
||||
if (selectedMembers.isNotEmpty()) {
|
||||
// 显示选中成员数量
|
||||
Text(
|
||||
text = "已选择 ${selectedMembers.size} 个成员",
|
||||
fontSize = 14.sp,
|
||||
color = AppColors.secondaryText,
|
||||
modifier = Modifier.padding(horizontal = 16.dp, vertical = 4.dp)
|
||||
)
|
||||
LazyRow(
|
||||
modifier = Modifier
|
||||
.fillMaxWidth()
|
||||
.padding(horizontal = 16.dp, vertical = 8.dp),
|
||||
horizontalArrangement = Arrangement.spacedBy(8.dp)
|
||||
) {
|
||||
items(selectedMembers) { member ->
|
||||
Box {
|
||||
CustomAsyncImage(
|
||||
context = context,
|
||||
imageUrl = member.avatar,
|
||||
contentDescription = member.name,
|
||||
modifier = Modifier
|
||||
.size(48.dp)
|
||||
.clip(CircleShape)
|
||||
)
|
||||
|
||||
// 删除按钮
|
||||
Box(
|
||||
modifier = Modifier
|
||||
.size(20.dp)
|
||||
.background(AppColors.error, CircleShape)
|
||||
.align(Alignment.TopEnd)
|
||||
.noRippleClickable {
|
||||
// 删除成员时同时更新选中状态
|
||||
val (newSelectedMemberIds, newSelectedMembers) = CreateGroupChatViewModel.removeSelectedMember(
|
||||
member, selectedMemberIds, selectedMembers
|
||||
)
|
||||
selectedMemberIds = newSelectedMemberIds
|
||||
selectedMembers = newSelectedMembers
|
||||
},
|
||||
contentAlignment = Alignment.Center
|
||||
) {
|
||||
Text(
|
||||
text = "×",
|
||||
color = Color.White,
|
||||
fontSize = 14.sp,
|
||||
fontWeight = FontWeight.Bold
|
||||
)
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// Tab切换
|
||||
Row(
|
||||
modifier = Modifier
|
||||
.fillMaxWidth()
|
||||
.wrapContentHeight()
|
||||
.padding(horizontal = 16.dp, vertical = 8.dp),
|
||||
horizontalArrangement = Arrangement.Start,
|
||||
verticalAlignment = Alignment.Bottom
|
||||
) {
|
||||
TabItem(
|
||||
text = stringResource(R.string.chat_ai),
|
||||
isSelected = pagerState.currentPage == 0,
|
||||
onClick = {
|
||||
scope.launch {
|
||||
pagerState.animateScrollToPage(0)
|
||||
}
|
||||
}
|
||||
)
|
||||
TabSpacer()
|
||||
TabItem(
|
||||
text = stringResource(R.string.chat_friend),
|
||||
isSelected = pagerState.currentPage == 1,
|
||||
onClick = {
|
||||
scope.launch {
|
||||
pagerState.animateScrollToPage(1)
|
||||
}
|
||||
}
|
||||
)
|
||||
}
|
||||
|
||||
// 内容区域
|
||||
HorizontalPager(
|
||||
state = pagerState,
|
||||
modifier = Modifier
|
||||
.fillMaxWidth()
|
||||
.weight(1f)
|
||||
) {
|
||||
when (it) {
|
||||
0 -> {
|
||||
// AI智能体列表
|
||||
AiAgentListScreen(
|
||||
searchText = searchText.text,
|
||||
selectedMemberIds = selectedMemberIds,
|
||||
onMemberSelect = { member ->
|
||||
val (newSelectedMemberIds, newSelectedMembers) = CreateGroupChatViewModel.toggleMemberSelection(
|
||||
member, selectedMemberIds, selectedMembers
|
||||
)
|
||||
selectedMemberIds = newSelectedMemberIds
|
||||
selectedMembers = newSelectedMembers
|
||||
}
|
||||
)
|
||||
}
|
||||
1 -> {
|
||||
// 朋友列表
|
||||
FriendListScreen(
|
||||
searchText = searchText.text,
|
||||
selectedMemberIds = selectedMemberIds,
|
||||
onMemberSelect = { member ->
|
||||
val (newSelectedMemberIds, newSelectedMembers) = CreateGroupChatViewModel.toggleMemberSelection(
|
||||
member, selectedMemberIds, selectedMembers
|
||||
)
|
||||
selectedMemberIds = newSelectedMemberIds
|
||||
selectedMembers = newSelectedMembers
|
||||
}
|
||||
)
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// 创建群聊按钮
|
||||
Button(
|
||||
onClick = {
|
||||
// 创建群聊逻辑
|
||||
if (groupName.text.isNotEmpty() && selectedMembers.isNotEmpty()) {
|
||||
scope.launch {
|
||||
val success = CreateGroupChatViewModel.createGroupChat(
|
||||
groupName = groupName.text,
|
||||
memberIds = selectedMembers.map { it.id },
|
||||
context = context
|
||||
)
|
||||
if (success) {
|
||||
navController.popBackStack()
|
||||
}
|
||||
}
|
||||
}
|
||||
},
|
||||
modifier = Modifier
|
||||
.fillMaxWidth()
|
||||
.padding(horizontal = 16.dp, vertical = 16.dp),
|
||||
colors = ButtonDefaults.buttonColors(
|
||||
containerColor = AppColors.main,
|
||||
contentColor = AppColors.mainText
|
||||
),
|
||||
shape = RoundedCornerShape(8.dp),
|
||||
enabled = groupName.text.isNotEmpty() && selectedMembers.isNotEmpty() && !CreateGroupChatViewModel.isLoading
|
||||
) {
|
||||
if (CreateGroupChatViewModel.isLoading) {
|
||||
Text(
|
||||
text = "创建中...",
|
||||
fontSize = 16.sp,
|
||||
fontWeight = FontWeight.W600
|
||||
)
|
||||
} else {
|
||||
Text(
|
||||
text = stringResource(R.string.create_group_chat),
|
||||
fontSize = 16.sp,
|
||||
fontWeight = FontWeight.W600
|
||||
)
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
@@ -0,0 +1,133 @@
|
||||
package com.aiosman.ravenow.ui.group
|
||||
|
||||
import android.content.Context
|
||||
import android.icu.util.Calendar
|
||||
import androidx.compose.runtime.getValue
|
||||
import androidx.compose.runtime.mutableStateOf
|
||||
import androidx.compose.runtime.setValue
|
||||
import androidx.lifecycle.ViewModel
|
||||
import androidx.lifecycle.viewModelScope
|
||||
import androidx.navigation.NavController
|
||||
import androidx.navigation.NavHostController
|
||||
import androidx.paging.PagingData
|
||||
import androidx.paging.map
|
||||
import com.aiosman.ravenow.AppState
|
||||
import com.aiosman.ravenow.ConstVars
|
||||
import com.aiosman.ravenow.data.AccountNotice
|
||||
import com.aiosman.ravenow.data.AccountService
|
||||
import com.aiosman.ravenow.data.AccountServiceImpl
|
||||
import com.aiosman.ravenow.data.UserService
|
||||
import com.aiosman.ravenow.data.UserServiceImpl
|
||||
import com.aiosman.ravenow.entity.CommentEntity
|
||||
import com.aiosman.ravenow.exp.formatChatTime
|
||||
import com.aiosman.ravenow.ui.NavigationRoute
|
||||
import com.aiosman.ravenow.ui.navigateToChat
|
||||
import com.aiosman.ravenow.utils.TrtcHelper
|
||||
import com.tencent.imsdk.v2.V2TIMConversation
|
||||
import com.tencent.imsdk.v2.V2TIMConversationResult
|
||||
import com.tencent.imsdk.v2.V2TIMManager
|
||||
import com.tencent.imsdk.v2.V2TIMMessage
|
||||
import com.tencent.imsdk.v2.V2TIMValueCallback
|
||||
import kotlinx.coroutines.flow.MutableStateFlow
|
||||
import kotlinx.coroutines.launch
|
||||
import kotlin.coroutines.suspendCoroutine
|
||||
|
||||
object CreateGroupChatViewModel : ViewModel() {
|
||||
val accountService: AccountService = AccountServiceImpl()
|
||||
val userService: UserService = UserServiceImpl()
|
||||
|
||||
// 状态管理
|
||||
var isLoading by mutableStateOf(false)
|
||||
var errorMessage by mutableStateOf<String?>(null)
|
||||
|
||||
// 获取AI智能体列表
|
||||
suspend fun getAiAgents(): List<GroupMember> {
|
||||
return try {
|
||||
// TODO: 从API获取AI智能体列表
|
||||
listOf(
|
||||
GroupMember("1", "AI助手", "https://example.com/avatar1.jpg"),
|
||||
GroupMember("2", "智能客服", "https://example.com/avatar2.jpg"),
|
||||
GroupMember("3", "翻译助手", "https://example.com/avatar3.jpg"),
|
||||
GroupMember("4", "写作助手", "https://example.com/avatar4.jpg"),
|
||||
GroupMember("5", "编程助手", "https://example.com/avatar5.jpg"),
|
||||
GroupMember("6", "设计助手", "https://example.com/avatar6.jpg")
|
||||
)
|
||||
} catch (e: Exception) {
|
||||
errorMessage = "获取AI智能体列表失败: ${e.message}"
|
||||
emptyList()
|
||||
}
|
||||
}
|
||||
|
||||
// 获取朋友列表
|
||||
suspend fun getFriends(): List<GroupMember> {
|
||||
return try {
|
||||
// TODO: 从API获取朋友列表
|
||||
listOf(
|
||||
GroupMember("7", "张三", "https://example.com/avatar7.jpg"),
|
||||
GroupMember("8", "李四", "https://example.com/avatar8.jpg"),
|
||||
GroupMember("9", "王五", "https://example.com/avatar9.jpg"),
|
||||
GroupMember("10", "赵六", "https://example.com/avatar10.jpg"),
|
||||
GroupMember("11", "钱七", "https://example.com/avatar11.jpg"),
|
||||
GroupMember("12", "孙八", "https://example.com/avatar12.jpg")
|
||||
)
|
||||
} catch (e: Exception) {
|
||||
errorMessage = "获取朋友列表失败: ${e.message}"
|
||||
emptyList()
|
||||
}
|
||||
}
|
||||
|
||||
// 创建群聊
|
||||
suspend fun createGroupChat(
|
||||
groupName: String,
|
||||
memberIds: List<String>,
|
||||
context: Context
|
||||
): Boolean {
|
||||
return try {
|
||||
isLoading = true
|
||||
// TODO: 实现创建群聊的API调用
|
||||
// 这里应该调用实际的API来创建群聊
|
||||
|
||||
// 模拟API调用延迟
|
||||
kotlinx.coroutines.delay(1000)
|
||||
|
||||
isLoading = false
|
||||
true
|
||||
} catch (e: Exception) {
|
||||
isLoading = false
|
||||
errorMessage = "创建群聊失败: ${e.message}"
|
||||
false
|
||||
}
|
||||
}
|
||||
|
||||
// 清除错误信息
|
||||
fun clearError() {
|
||||
errorMessage = null
|
||||
}
|
||||
|
||||
// 添加成员到选中列表
|
||||
fun addSelectedMember(member: GroupMember, selectedMemberIds: Set<String>, selectedMembers: List<GroupMember>): Pair<Set<String>, List<GroupMember>> {
|
||||
val newSelectedMemberIds = selectedMemberIds + member.id
|
||||
val newSelectedMembers = if (selectedMembers.none { it.id == member.id }) {
|
||||
selectedMembers + member
|
||||
} else {
|
||||
selectedMembers
|
||||
}
|
||||
return Pair(newSelectedMemberIds, newSelectedMembers)
|
||||
}
|
||||
|
||||
// 从选中列表移除成员
|
||||
fun removeSelectedMember(member: GroupMember, selectedMemberIds: Set<String>, selectedMembers: List<GroupMember>): Pair<Set<String>, List<GroupMember>> {
|
||||
val newSelectedMemberIds = selectedMemberIds - member.id
|
||||
val newSelectedMembers = selectedMembers.filter { it.id != member.id }
|
||||
return Pair(newSelectedMemberIds, newSelectedMembers)
|
||||
}
|
||||
|
||||
// 切换成员选中状态
|
||||
fun toggleMemberSelection(member: GroupMember, selectedMemberIds: Set<String>, selectedMembers: List<GroupMember>): Pair<Set<String>, List<GroupMember>> {
|
||||
return if (selectedMemberIds.contains(member.id)) {
|
||||
removeSelectedMember(member, selectedMemberIds, selectedMembers)
|
||||
} else {
|
||||
addSelectedMember(member, selectedMemberIds, selectedMembers)
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,70 @@
|
||||
package com.aiosman.ravenow.ui.group
|
||||
|
||||
import androidx.compose.foundation.layout.*
|
||||
import androidx.compose.foundation.lazy.LazyColumn
|
||||
import androidx.compose.foundation.lazy.items
|
||||
import androidx.compose.foundation.shape.CircleShape
|
||||
import androidx.compose.material3.Text
|
||||
import androidx.compose.runtime.*
|
||||
import androidx.compose.ui.Alignment
|
||||
import androidx.compose.ui.Modifier
|
||||
import androidx.compose.ui.draw.clip
|
||||
import androidx.compose.ui.platform.LocalContext
|
||||
import androidx.compose.ui.unit.dp
|
||||
import androidx.compose.ui.unit.sp
|
||||
import com.aiosman.ravenow.LocalAppTheme
|
||||
import com.aiosman.ravenow.ui.composables.CustomAsyncImage
|
||||
import com.aiosman.ravenow.ui.modifiers.noRippleClickable
|
||||
|
||||
@Composable
|
||||
fun FriendListScreen(
|
||||
searchText: String,
|
||||
selectedMemberIds: Set<String> = emptySet(),
|
||||
onMemberSelect: (GroupMember) -> Unit
|
||||
) {
|
||||
val AppColors = LocalAppTheme.current
|
||||
val context = LocalContext.current
|
||||
|
||||
var friends by remember { mutableStateOf<List<GroupMember>>(emptyList()) }
|
||||
var isLoading by remember { mutableStateOf(false) }
|
||||
|
||||
// 加载朋友数据
|
||||
LaunchedEffect(Unit) {
|
||||
isLoading = true
|
||||
friends = CreateGroupChatViewModel.getFriends()
|
||||
isLoading = false
|
||||
}
|
||||
|
||||
val filteredFriends = if (searchText.isEmpty()) {
|
||||
friends
|
||||
} else {
|
||||
friends.filter { it.name.contains(searchText, ignoreCase = true) }
|
||||
}
|
||||
|
||||
if (isLoading) {
|
||||
Box(
|
||||
modifier = Modifier.fillMaxSize(),
|
||||
contentAlignment = Alignment.Center
|
||||
) {
|
||||
Text(
|
||||
text = "加载中...",
|
||||
color = AppColors.secondaryText,
|
||||
fontSize = 14.sp
|
||||
)
|
||||
}
|
||||
} else {
|
||||
LazyColumn(
|
||||
modifier = Modifier.fillMaxSize(),
|
||||
contentPadding = PaddingValues(16.dp),
|
||||
verticalArrangement = Arrangement.spacedBy(8.dp)
|
||||
) {
|
||||
items(filteredFriends) { friend ->
|
||||
MemberItem(
|
||||
member = friend,
|
||||
isSelected = selectedMemberIds.contains(friend.id),
|
||||
onSelect = { onMemberSelect(friend) }
|
||||
)
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
65
app/src/main/java/com/aiosman/ravenow/ui/group/MemberItem.kt
Normal file
65
app/src/main/java/com/aiosman/ravenow/ui/group/MemberItem.kt
Normal file
@@ -0,0 +1,65 @@
|
||||
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
|
||||
import androidx.compose.ui.Modifier
|
||||
import androidx.compose.ui.draw.clip
|
||||
import androidx.compose.ui.platform.LocalContext
|
||||
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.ui.composables.CustomAsyncImage
|
||||
import com.aiosman.ravenow.ui.modifiers.noRippleClickable
|
||||
|
||||
@Composable
|
||||
fun MemberItem(
|
||||
member: GroupMember,
|
||||
isSelected: Boolean = false,
|
||||
onSelect: () -> Unit
|
||||
) {
|
||||
val AppColors = LocalAppTheme.current
|
||||
val context = LocalContext.current
|
||||
|
||||
Row(
|
||||
modifier = Modifier
|
||||
.fillMaxWidth()
|
||||
.noRippleClickable { onSelect() }
|
||||
.padding(vertical = 8.dp),
|
||||
verticalAlignment = Alignment.CenterVertically
|
||||
) {
|
||||
CustomAsyncImage(
|
||||
context = context,
|
||||
imageUrl = member.avatar,
|
||||
contentDescription = member.name,
|
||||
modifier = Modifier
|
||||
.size(40.dp)
|
||||
.clip(CircleShape)
|
||||
)
|
||||
|
||||
Spacer(modifier = Modifier.width(12.dp))
|
||||
|
||||
Text(
|
||||
text = member.name,
|
||||
fontSize = 16.sp,
|
||||
color = AppColors.text,
|
||||
modifier = Modifier.weight(1f)
|
||||
)
|
||||
|
||||
Spacer(modifier = Modifier.width(8.dp))
|
||||
|
||||
Checkbox(
|
||||
checked = isSelected,
|
||||
onCheckedChange = { onSelect() },
|
||||
colors = CheckboxDefaults.colors(
|
||||
checkedColor = AppColors.main,
|
||||
uncheckedColor = AppColors.secondaryText
|
||||
)
|
||||
)
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user