}
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 @Prev![](https://i-blog.csdnimg.cn/blog_migrate/1d07fe5273f62004f0a0e121bf199ffe.png)
iew
加上@Preview
注解的方法可以在不运行App的情况下就可以确认布局的情况。
@Preview
的注解中比较常用的参数如下:
-
name: String
: 为该Preview命名,该名字会在布局预览中显示。 -
showBackground: Boolean
: 是否显示背景,true为显示。 -
backgroundColor: Long
: 设置背景的颜色。 -
showDecoration: Boolean
: 是否显示Statusbar和Toolbar,true为显示。 -
group: String
: 为该Preview设置group名字,可以在UI中以group为单位显示。 -
fontScale: Float
: 可以在预览中对字体放大,范围是从0.01。 -
widthDp: Int
: 在Compose中渲染的最大宽度,单位为dp。 -
heightDp: Int
: 在Compose中渲染的最大高度,单位为dp。
上面的参数都是可选参数,还有像背景设置等的参数并不是对实际的App进行设置,只是对Preview中的背景进行设置,为了更容易看清布局。
@Preview(showBackground = true, name = “Home UI”, showDecoration = true)
@Composable
fun DefaultPreview() {
MyApplicationTheme {
Greeting(“Android”)
}
}
在IDE的右上角有Code
,Split
,Design
三个选项。分别是只显示代码,同时显示代码和布局和只显示布局。