compose 入门

使用compose开发桌面端程序

  fun main() = Window(title = "典典的小卖部", size = IntSize(200, 200)) {

    val count = remember { mutableStateOf(0) } // 一个变量

    MaterialTheme {

        /// Modifier.fillMaxSize() 使用父容器的尺寸,撑大,所以当前column的尺寸是 200*200
        /// Arrangement.spacedBy(15.dp) 每个子元素的间隔距离是15
        Column(Modifier.fillMaxSize(), Arrangement.spacedBy(15.dp)) {

            // 点击按钮 + 1
            // Modifier.align(Alignment.CenterHorizontally) 横向居中对齐
            Button(modifier = Modifier.align(Alignment.CenterHorizontally), onClick = {
                count.value++
            }) {
                Text(if (count.value == 0) "hello world" else "你点击了${count.value} 次")
            }

            // 还原
            Button(onClick = {
                count.value = 0
            }, modifier = Modifier.align(Alignment.CenterHorizontally)) {
                Text("还原")
            }
        }

    }
}