文章目录



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


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


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


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


android_jetpack compose:my first app_封装

compose函数的预览

android_jetpack compose:my first app_封装_02
android_jetpack compose:my first app_android_03

使用material Design

android_jetpack compose:my first app_android_04
布局提取主题化封装:
查找到已经生成的主题后,我们可以封装设计好的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来美化(效果预览)

android_jetpack compose:my first app_封装_05