Android Jetpack新成员Compose尝鲜

前言

Compose的alpha版已经出来有段时间了，前不久的GDG上郭神介绍了Hilt，没曾想居然没有Compose和4.2版本的studio介绍。

Compose是google今年在jetpack里新增的一位成员，想着能越过传统的xml，用kotlin代码 + 注解编写布局的形式来构建页面，参照Flutter和iOS的感觉，当然代码也可以即时预览成画面，据我体验下来比传统安装apk快很多，不过比xml预览或Flutter的预览还是慢不少，这个以后应该能优化的。先来看看官网的介绍和代码大致长什么样。

代码大致长这个样子，利用kotlin的一些结构化的特性，是不是Flutter的感觉瞬间就上来了。

随便点个组件进去看一下，这下kotlin的默认参数就发挥了巨大作用

尝鲜配置步骤

1. 首先，环境肯定是现在4.1studio正式版不支持的，到官网下载4.2Canary预览版本
   
2. 打开studio后新建project，选择Empty Compose Activity，或者也可以选择导入google提供的sample，也可以参考 在现有项目中引入Compose
   
   
3. 创建完成后我们得到这样的一个默认工程

package com.example.dt
import ...

class MainActivity : AppCompatActivity() {
    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        setContent {
            DTTheme {
                // A surface container using the 'background' color from the theme
                Surface(color = MaterialTheme.colors.background) {
                    Greeting("Android")
                }
            }
        }
    }
}

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

@Preview(showBackground = true)
@Composable
fun DefaultPreview() {
    DTTheme {
        Greeting("Android")
    }
}

Build后预览图长这样，现在是一个wrap_content的TextView，用起来确实很方便，不用在xml里写一大堆属性了

配置到这里就完了，后续我会更新基本用法。