Android Studio Jetpack Compose: 使用按钮控制循环文本框的数量并获取值
要在 Android Studio 中使用 Jetpack Compose 创建一个可以增加和减少循环文本框数量的按钮,并获取文本框的值,你可以按照以下步骤进行操作:
-
创建一个 Compose 项目,确保你的项目已经添加了 Jetpack Compose 的依赖。
-
在
MainActivity中创建一个@Composable函数,用来显示按钮和文本框。
@Composable
fun CounterScreen() {
var count by remember { mutableStateOf(0) }
val textFields = remember { mutableStateListOf<String>() }
Column {
Button(onClick = { count++ }) {
Text('增加')
}
Button(onClick = { count-- }) {
Text('减少')
}
repeat(count) {
val textFieldValue = remember { mutableStateOf('') }
TextField(
value = textFieldValue.value,
onValueChange = { textFieldValue.value = it },
label = { Text('文本框 $it') }
)
textFields.add(textFieldValue.value)
}
}
}
- 在
MainActivity的setContent方法中调用CounterScreen函数。
class MainActivity : ComponentActivity() {
override fun onCreate(savedInstanceState: Bundle?) {
super.onCreate(savedInstanceState)
setContent {
CounterScreen()
}
}
}
-
运行应用程序,你将看到一个增加和减少按钮,以及一个随着按钮点击而增加或减少的文本框列表。
-
若要获取文本框的值,你可以在
CounterScreen函数中将其添加到textFields列表中,并在需要时使用它。
Button(onClick = { count++ }) {
Text('增加')
}
Button(onClick = { count-- }) {
Text('减少')
}
repeat(count) {
val textFieldValue = remember { mutableStateOf('') }
TextField(
value = textFieldValue.value,
onValueChange = { textFieldValue.value = it },
label = { Text('文本框 $it') }
)
textFields.add(textFieldValue.value)
}
// 在需要的地方使用textFields列表
这样,你就可以通过 textFields 列表获取文本框的值了。
原文地址: https://www.cveoy.top/t/topic/pk0E 著作权归作者所有。请勿转载和采集!