Android全新UI编程 - Jetpack Compose 超详细教程 第1弹

buildFeatures {
compose true
}
composeOptions {
kotlinCompilerExtensionVersion “${compose_version}”
kotlinCompilerVersion “1.3.70-dev-withExperimentalGoogleExtensions-20200424”
}
}`

2.2 UI相关

2.2.1 @Compose

所有关于构建View的方法都必须添加@Compose的注解才可以。并且@Compose跟协程的Suspend的使用方法比较类似,被@Compose的注解的方法只能在同样被@Comopse注解的方法中才能被调用。

@Composable fun Greeting(name: String) { Text(text = "Hello $name!") }

2.2.2 @Preview

加上@Preview注解的方法可以在不运行App的情况下就可以确认布局的情况。

@Preview的注解中比较常用的参数如下：

1. name: String: 为该Preview命名，该名字会在布局预览中显示。
2. showBackground: Boolean: 是否显示背景，true为显示。
3. backgroundColor: Long: 设置背景的颜色。
4. showDecoration: Boolean: 是否显示Statusbar和Toolbar，true为显示。
5. group: String: 为该Preview设置group名字，可以在UI中以group为单位显示。
6. fontScale: Float: 可以在预览中对字体放大，范围是从0.01。
7. widthDp: Int: 在Compose中渲染的最大宽度，单位为dp。
8. heightDp: Int: 在Compose中渲染的最大高度，单位为dp。

上面的参数都是可选参数，还有像背景设置等的参数并不是</