Android Kotlin Jetpack Compose UI框架 完全解析(1)

这一功能基于新版Android Studio 对Compose 的支持。

新版的Android Studio Arctic Fox(现在还是Canary版本) 中添加了许多新工具来支持Jetpack Compose新特性，比如：实时文字、动画预览，布局检查等等。

1.1.1 强大的预览

新的Android Studio 增加了对文字更改实时预览的效果，可以在Preview、模拟器、或者真机上实时预览。

1.1.2 动画预览

可以在AndroidStudio内查看、检查或播放动画，还可以逐针播放。

1.1.3 布局检查器

Android Studio Arctic Fox 增加了布局监测器对Compose的支持，可以分析Compose组件的层级。如下所示：

1.1.4 交互式预览

在此模式下，你可以与界面组件互动、点击组件，以及查看状态如何变化。通过这种方式，你可以快速获得有关界面如何反应的反馈，并可快速预览动画。如要启用此模式，只需点击“互动”图标 ，系统即会切换预览模式。

如需停止此模式，请点击顶部工具栏中的 Stop Interactive Preview。

以上是AndroidStudio对Compose的支持，可以说是大手笔了。

1.2 Jetpack Compose 使用前后对比

---

你以为Compose只是添加了预览功能？那可不是。

从普通应用切换到Compose应用，你的应用速度和性能可以得到大幅提升。

我们来看一个Google官方改造的应用示例。

<