android_jetpack compose:my first app

文章目录

• ​​compose函数的预览​​

• ​​使用material Design​​

• ​​入门项目(github)​​

• ​​使用了MaterialDesign来美化(效果预览)​​

jetpack compose 引入可组合函数这一概念.

通过可组合函数,UI的设计可以在.kt文件中进行设计,甚至直接预览(局部)

开启虚拟机,可以全局预览

当然,做到这一点的很重要的原因是采用的新版本的kotlin支持这样的特性.

compose函数的预览

使用material Design

布局提取主题化封装:
查找到已经生成的主题后,我们可以封装设计好的composable function
在setContent{}(位于Activity类中)和@Preview处都要做封装操作

搜素ui.theme,查找到AS已经提取的MaterialDesign theme主题名称

setContent {
            FirstComposeTheme {
                MessageCard2(Message("Android", "Jetpack Compose"))
            }
//以及
@Preview
@Composable
fun PreviewMessageCard() {
    FirstComposeTheme {
        MessageCard2(
            msg = Message("Android", "Jetpack Compose")
        )
    }
}

入门项目(github)

​​offical guide​​​​github project​​

使用了MaterialDesign来美化(效果预览)