Jetpack Compose

Jetpack compose 是谷歌开发的一款现代工具包，用于构建原生 Android用户界面。它允许开发者使用声明式编程模型为 Android应用构建 UI 界面，当底层数据发生改变时，Compose 负责更新 UI 界面，

开发者可以使用可组合函数来描述界面，这些函数轻量级且自包含的 UI 组件。Compose 內置支持 Material Design。

可组合函数

在 Jetpack Compose 中，每一个 UI 元素都是通过一个带有 @Composable 注解的函数构建的。

@Composable
fun MyApp(modifier: Modifier = Modifier, names: List<String> = listOf("Compose", "Kotlin")) {
    Column(
        modifier = modifier.padding(vertical = 4.dp)
    ) {
        for (name in names) {
            Greeting(name = name)
        }
    }
}

@Preview

@Preview 注解允许你在 Android Studio 中预览 Composable 函数，而无需将应用构建并安装到实际设备或模拟器上。

@Preview(showBackground = true, widthDp = 320)
@Composable
fun GreetingPreview() {
    BasicsCodelabTheme {
        MyApp()
    }
}

Modifier

在 Jetpack Compose 中，Modifier 是一个用于修饰和配置 Composable UI 元素的对象。你可以通过它来：

• 设置布局（大小、填充、间距、对齐等）
• 添加点击等手势事件
• 设置背景、边框、阴影
• 添加动画效果
• 控制绘制顺序
• 组合多个修饰行为

Modifiers 允许指定一个 composable 在其父布局中应如何显示、定位、设置尺寸或应用样式。

@Composable
fun MyApp(modifier: Modifier = Modifier, names: List<String> = listOf("Compose", "Kotlin")) {
    Column(
        modifier = modifier.padding(vertical = 4.dp)
    ) {
        for (name in names) {
            Greeting(name = name)
        }
    }
}