Android Jetpack Compose会成为后浪把 Android xml 布局文件拍在沙滩上吗

上图是Google官网对于Compose的介绍图，熟悉Flutter的朋友，可能会觉得，这代码格式，似曾相识啊，但是也仅仅是因为都是声明式编程，格式上有稍微相似而已。

那么，Compose到底是什么？

Compose

=========================================================================

Google是这么定义的

Jetpack Compose 是用于构建原生 Android 界面的新工具包。它基于声明性编程模型，因此您只需描述界面的外观，Compose 会负责完成其余工作，界面会随着应用状态的变化而自动更新。由于它是基于 Kotlin 而构建的，因而可与 Java 编程语言完全互操作，并且可直接访问所有 Android API 和 Jetpack API。它与现有界面工具包兼容，因此您可以混合搭配使用经典视图和新视图，而且它从一开始就支持 Material 和动画。

几个关键

---

• 原生Android界面的新工具包

定位是工具包，那代表了是Android原生开发的一部分，这也是其和Flutter最大的不同，Flutter能够夸N平台，而Compose只能用于原生开发。

• 声明性编程，界面会自动更新

在声明性编程大行其道的今天，Android团队们似乎也发现了声明性编程是未来发展的趋势。

• Kotlin开发

万变不离奇宗，开发语言还是Kotlin，变化的只是写UI的方式变了，以前使用xml布局，而Compose的出现，xml，可能就无了。

搞个例子瞅瞅

========================================================================

工欲善其事，必先利其器，还处在Beta阶段的Compose，自然是需要量身定制的开发工具了，放心，肯定还是Android studio，只不过，得换个版本

☞ 为Compose量身定制的Android Studio - Android Studio Arctic Fox

下载第一个就可以了。

创建一个Compose项目

---

在New Project中选择 Empty Compose Activity，就可以创建一个Compose项目了

创建完成之后，按照接触新东西的规矩，从Hello world开始，写第一个界面吧

Hello World

创建一个Hello world文本的代码十分简单，如下：

@Composable

fun ShowHelloWorld() {

Text(text = “Hello world”)

}

• 上面的代码就被称为可组合项，和Compose的意思一致。特点是由@Compose注解进行修饰。一般，函数名的首字母大写

• 函数体中由绘制UI的语句组成，此处创建了一个文本

将ShowHelloWorld放入setContentView中，run之后就可以显示在屏幕上了

Preview功能

在开发过程中，Compose提供了预览功能，需要再次创建一个可组合项，同时增加@Preview注解，如下：

@Preview

@Composable

fun Preview() {

ShowHelloWorld()

}

即可在右侧看到样式

![(https://upload-images.jianshu.io/upload_images/25222288-82b0ad4607d2dbed.image?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)

但是，有一点想让人吐槽，每次修改代码后，都需要重新build refresh。

一些小技巧

---

• 修改预览的背景色

对@Preview的参数进行设置，将背景色修改为绿色

@Preview(showBackground = true,backgroundColor = 0xff00ff00)