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有没有挂(透视)原来真的有辅助开挂(哔哩哔哩)1、wepoker有没有挂免...
第五分钟指南!hhpkoer辅... 第五分钟指南!hhpkoer辅助器视频(透视)原来真的是有辅助插件(哔哩哔哩)1、hhpkoer辅助...
第2分钟办法!wepoker模... 第2分钟办法!wepoker模拟器哪个(透视)好像真的有辅助脚本(哔哩哔哩)1、下载好wepoker...
第3分钟绝活!sohoo po... 第3分钟绝活!sohoo poker辅助器(透视)一直是有辅助插件(哔哩哔哩)1、在sohoo po...
三分钟机巧!德州机器人代打脚本... 三分钟机巧!德州机器人代打脚本(透视)其实真的有辅助透视(哔哩哔哩)1、全新机制【德州机器人代打脚本...
三分钟积累!wepoker数据... 三分钟积累!wepoker数据分析(透视)果然真的是有辅助神器(哔哩哔哩)1、wepoker数据分析...
一分钟方案!we-poker辅... 一分钟方案!we-poker辅助器(透视)好像是真的有辅助教程(哔哩哔哩)1、we-poker辅助器...
8分钟诀窍!wepoker辅助... 您好,wepoker辅助器有哪些功能这款游戏可以开挂的,确实是有挂的,需要了解加去威信【485275...
四分钟法子!wpk透视是真的假... 四分钟法子!wpk透视是真的假的(透视)都是是有辅助神器(哔哩哔哩)wpk透视是真的假的辅助器是一种...
第七分钟总结!hhpoker有... 第七分钟总结!hhpoker有后台操作吗(透视)果然是有辅助教程(哔哩哔哩)1、该软件可以轻松地帮助...