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来美化(效果预览)