Android开发 compose组件 SelectionContainer的使用示例 求写kotlin代码
时间: 2023-06-16 20:06:08 浏览: 118
当然,我会为您提供这方面的知识,以下是 SelectionContainer 的使用示例 Kotlin 代码:
```
import androidx.compose.foundation.selection.selectable
import androidx.compose.foundation.selection.selectableGroup
import androidx.compose.foundation.background
import androidx.compose.foundation.layout.*
import androidx.compose.foundation.shape.RoundedCornerShape
import androidx.compose.material.*
import androidx.compose.runtime.*
import androidx.compose.ui.Modifier
import androidx.compose.ui.graphics.Color
import androidx.compose.ui.unit.dp
@Composable
fun SelectionContainer() {
var selectedText by remember { mutableStateOf("") }
Column {
Text("请选择一个选项:")
val options = listOf("选项1", "选项2", "选项3", "选项4")
Column(
modifier = Modifier
.background(
color = Color.LightGray,
shape = RoundedCornerShape(8.dp)
)
.padding(8.dp)
) {
selectableGroup {
options.forEach { option ->
Row(
modifier = Modifier
.fillMaxWidth()
.padding(8.dp)
.selectable(
selected = (selectedText == option),
onClick = { selectedText = option }
)
) {
RadioButton(
selected = (selectedText == option),
onClick = { selectedText = option }
)
Spacer(modifier = Modifier.width(4.dp))
Text(text = option)
}
}
}
}
if (selectedText.isNotEmpty()) {
Text("你已经选择了 $selectedText", Modifier.padding(vertical = 8.dp))
}
}
}
```
请注意,SelectionContainer 是一个示例,您可以根据自己的需求进行修改和扩展。
阅读全文