Android: Jetpack Compose 如何设置可展开列表只展开一项列表
创始人
2024-10-04 00:16:10
0

要实现可展开列表只展开一项的功能,可以使用LazyColumnLazyColumnScope来创建列表,并使用remember来保存每个列表项的展开状态。以下是一个示例代码,演示如何实现这个功能:

import androidx.compose.foundation.ExperimentalFoundationApi
import androidx.compose.foundation.layout.Column
import androidx.compose.foundation.layout.padding
import androidx.compose.material.Button
import androidx.compose.material.Text
import androidx.compose.runtime.*
import androidx.compose.ui.Modifier
import androidx.compose.ui.unit.dp

@OptIn(ExperimentalFoundationApi::class)
@Composable
fun ExpandableList() {
    // 保存每个列表项的展开状态
    val expandedState = remember { mutableStateMapOf() }

    // 列表数据
    val listItems = (1..10).toList()

    LazyColumn {
        items(listItems) { item ->
            Column(modifier = Modifier.padding(16.dp)) {
                // 列表项的标题
                Text(text = "Item $item")

                // 列表项的内容
                if (expandedState[item] == true) {
                    Text(text = "Expanded content for item $item")
                }

                // 切换列表项的展开状态
                Button(
                    onClick = {
                        expandedState[item] = !(expandedState[item] ?: false)
                    }
                ) {
                    if (expandedState[item] == true) {
                        Text(text = "Collapse")
                    } else {
                        Text(text = "Expand")
                    }
                }
            }
        }
    }
}

在上面的示例代码中,我们使用mutableStateMapOf()来保存每个列表项的展开状态,其中Int代表列表项的索引,Boolean代表展开状态,true表示展开,false表示收起。当点击展开按钮时,我们通过expandedState[item] = !(expandedState[item] ?: false)来切换列表项的展开状态。然后根据展开状态决定是否显示列表项的内容。

最后,我们使用LazyColumnitems来创建可展开列表,其中items用于遍历列表数据,并根据数据创建列表项。每个列表项包含一个展开按钮,点击按钮时会切换列表项的展开状态,并根据展开状态来显示或隐藏列表项的内容。

注意:在使用LazyColumn时,需要在@OptIn(ExperimentalFoundationApi::class)注解上添加ExperimentalFoundationApi注解,以启用实验性功能。

相关内容

热门资讯

透视教程!wepoker辅助工... 透视教程!wepoker辅助工具,hhpoker作弊码怎么用(详细辅助2025版教程)1)wepok...
WePoKe透视挂!德州pok... WePoKe透视挂!德州poker外挂(透视)原来存在有挂(详细辅助存在挂教程)1、在WePoKe透...
wepoke一定有挂!wpk微... wepoke一定有挂!wpk微扑克智能辅助(透视)原本是真的有挂(详细辅助解密教程)1、这是跨平台的...
透视脚本!智星德州菠萝透视插件... 透视脚本!智星德州菠萝透视插件工具,aapoker透视脚本(详细辅助高科技教程)1、智星德州菠萝透视...
wepoke黑科技!德州aa扑... wepoke黑科技!德州aa扑克透明挂(透视)其实真的有挂(详细辅助总结教程)1、许多玩家不知道we...
透视透视!hhpoker免费透... 透视透视!hhpoker免费透视脚本,德州hhpoker脚本(详细辅助2025新版技巧);1、不需要...
wepoke辅助有挂!微扑克软... wepoke辅助有挂!微扑克软件发牌原理(透视)好像存在有挂(详细辅助德州教程)1、wepoke辅助...
透视苹果版!aapoker辅助... 透视苹果版!aapoker辅助工具存在吗,wepoker养号规律(详细辅助攻略教程)1、下载好aap...
wepokeai代打的胜率!德... wepokeai代打的胜率!德扑之星怎么埋牌(透视)从前有挂(详细辅助可靠技巧)(1)wepokea...
透视ai代打!aapoker辅... 透视ai代打!aapoker辅助工具免费下载,fishpoker透视(详细辅助攻略教程);1、每一步...