Android Studio Jetpack Compose 实现加减按钮循环控制文本框内容
在 Android Studio 中使用 Jetpack Compose 实现增加和减少的循环,你可以使用 Compose 中的 Button 组件以及一个可变的 State 来控制文本框中的值。以下是一个示例代码:
import androidx.compose.desktop.Window
import androidx.compose.foundation.layout.*
import androidx.compose.material.Button
import androidx.compose.material.MaterialTheme
import androidx.compose.material.Text
import androidx.compose.runtime.*
import androidx.compose.ui.Alignment
import androidx.compose.ui.Modifier
import androidx.compose.ui.unit.dp
fun main() = Window {
MaterialTheme {
var count by remember { mutableStateOf(0) }
Column(
modifier = Modifier.fillMaxSize(),
verticalArrangement = Arrangement.Center,
horizontalAlignment = Alignment.CenterHorizontally
) {
Text(text = count.toString())
Row(modifier = Modifier.padding(vertical = 16.dp)) {
Button(onClick = { count-- }) {
Text(text = '-')
}
Spacer(modifier = Modifier.width(16.dp))
Button(onClick = { count++ }) {
Text(text = '+')
}
}
}
}
}
在这个示例中,我们使用了一个名为count的可变 State 来表示文本框中的值。然后,我们使用 Jetpack Compose 中的Button组件来创建加号和减号按钮,并在点击时更新count的值。Text组件用于显示count的当前值。
注意:这个示例是使用 Compose Desktop 库来在桌面应用程序中运行的。如果你想在 Android 设备上运行该代码,你需要将 Compose Desktop 库更改为 Compose Android 库,并使用 Compose 的setContent函数设置 Activity 的内容。
原文地址: https://www.cveoy.top/t/topic/pksv 著作权归作者所有。请勿转载和采集!