开启掘金成长之旅！这是我参与「掘金日新计划 · 2 月更文挑战」的第 28 天，点击查看活动详情

Compose Multiplatform

Compose Multiplatform, 是一个现代Kotlin的UI框架, 使构建高性能和漂亮的用户界面变得简单和愉快.

Compose Multiplatform是构建于Kotlin的快速响应式桌面和Web UI框架, 基于谷歌的现代工具包, 由JetBrains开发.

Compose Multiplatform简化并加速了桌面和Web应用程序的UI开发, 并允许在Android, 桌面和Web之间广泛共享UI代码.

Compose Kotlin UI框架移植到桌面平台(macOS、Linux、Windows)和Web上, 是核心Compose仓库之外的组件.

通过IDEA插件提供桌面平台的预览功能(在不构建/运行的情况下检查你的应用程序UI).

桌面应用

Compose for Desktop为用Kotlin创建桌面用户界面提供了一种声明式和响应式方法. 结合可组合的函数来构建你的用户界面, 并享受来自你的IDE和构建系统的完整工具支持 - 无需XML或模板语言.

Compose for Desktop以JVM为目标, 通过利用强大的本地Skia图形库, 支持所有主要桌面平台(macOS、Windows和Linux)上高性能, 硬件加速的UI渲染. 只需点击一下, 就可以创建本地应用程序分布.

Windows Windows macOS macOS Linux Linux

Web应用

Compose for Web允许你在Kotlin中为网络建立反应式用户界面, 使用Jetpack Compose的概念和API来表达你的应用程序的状态, 行为和逻辑.

Compose for Web提供了多种在Kotlin代码中声明用户界面的方法, 让你可以通过声明式DOM API完全控制你的网站布局

Web Web

教程

Compose for Desktop

另外, 请看Google的Foundation和Design文档. 它们最初是为Android编写的, 但大部分信息也适用于桌面版的Compose.

Compose for Web HTML

Jetpack Compose for Android

当你针对安卓平台时, Compose Multiplatform使用谷歌开发的Jetpack Compose. 请看关于它的更多信息这里.

谷歌发布的文档非常棒, 说明了如何在Android的Compose上开发.

请注意, 当你使用 Compose Multiplatform 时, 你的项目设置是不同的. 你可以通过IDEA项目向导创建一个支持Android的多平台项目, 或者通过复制多平台模板. 在androidMain源码组中, 你可以使用文档中的几乎所有信息, 而在commonMain源码组中, 你可以使用Foundation和Design部分的信息.

试验目标

其他目标(iOS, Compose for Web Canvas)是试验性的, 正在开发中. 使用它们的风险由你自己承担.