【Compose】Desktop Application 初尝试

前言

作为一个多年的android开发者，自从Jetpack发布以来，其中的Compose组件就深深的吸引了我，在去年就用新版android studio创建模板尝鲜了一把，不过并没有投入太多时间和精力，其实还有一个消息我没太关注，就是kotlin的母公司Jetbrains在去年年底也推出了Compose Multiplatform（也叫compose-jb），而且还是稳定版本。这让我有一种豁然开朗的感觉，我的格局还是没打开，不能只把它当作一个jetpack工具包里面的一个UI组件，原来它的目标是跨平台，不吹不黑，如果我在android上写的代码（kotlin）能复用在PC端，轻松的把app的部分模块移植过去（比如现在的微信桌面端），那将是一个多年的夙愿成了真，kotlin+compose将尝试从移动端反攻PC（还记得要写一个桌面程序，不太会C++的我努力要去学习Qt，什么swing？哎，别提了）。

当然Flutter早就可以做到，我得说你首先得会Dart。如果你是一个android开发者，我想你一定在学习或使用kotlin，甚至早就开始了用Compose搭建UI。对，这一切都顺利成章。

compose-jb：即 Compose Multiplatform，包含下面三者：

• compose-android：即 Jetpack Compose
• compose-desktop：即 Compose for Desktop
• compose-web：即 Compose for Web
• compose-ios：Compose for ios（暂时没有，听说有行动）

准备

今天来体验一下桌面端的创建和发布。环境要求：

• IntelliJ IDEA 2020.3或更高。
• 编译要求JDK 11 或者更高，打包发布要求JDK 15或更高。

下载地址：https://jdk.java.net/archive/
下载地址：https://mirrors.huaweicloud.com/openjdk/18.0.2/

创建工程

创建等待gradle sync。如果你想预览界面，在setting->Plugins搜compose

入口函数是Main.kt中的main()，风格也是Material，满满的google味儿。

打包

打包格式可以任意选择。在根目录的build.gradle.kts中配置。侧边栏选择tasks，双击执行即可，我的host是window，所以试一下msi。

enum class TargetFormat(
    internal val id: String,
    internal val targetOS: OS
) {
    AppImage("app-image", currentOS),
    Deb("deb", OS.Linux),
    Rpm("rpm", OS.Linux),
    Dmg("dmg", OS.MacOS),
    Pkg("pkg", OS.MacOS),
    Exe("exe", OS.Windows),
    Msi("msi", OS.Windows);

首次打包，会下载打包工具wix3，如果网速不好，可以手动下载，解压到工程目录\build\wixToolset下。下载地址：wix311-binaries.zip

编译成功输出件：

build\compose\binaries\main\msi\untitled-1.0.0.msi

安装运行

依赖的lib和runtime都在安装目录，执行下exe。

点击按钮，会有android上特有的那个水波纹儿效果

问题

一，如果有下面提示，请配置确保你的JDK大于等于15。

Packaging native distributions requires JDK runtime version >= 15
Actual version: ‘11’
Java home: C:\Program Files\Android\Android Studio\jre

二，修改下环境变量记得重启IDE。确保jdk生效。

三，打包exe可以成功，单运行失败，直接没反应。知道原因的小伙伴可以留言指导一下。

总结

没有最好的只有最合适的，希望kotlin在android的火热，能让compose能让更多的人选择，这样比起选择flutter去学习一门新语言，传统的android开发者就可以稳步前进，先在jetpack compose中锻炼，如果它更好用，更受欢迎，相信可以让近几年遇冷的应用开发领域，未来就业机会也会宽广一些。

参考资料

使用 Jetpack Compose 更快地打造更出色的应用

Compose Multiplatform

https://github.com/JetBrains/compose-jb

Jetpack Compose for Desktop: 里程碑1发布

10个问题带你看懂 Compose 跨平台

取代传统 Java UI 框架，JetBrains Kotlin 声明式 UI 框架 Compose Multiplatform 1.0 正式上线

支持 PC 、Web 和 Android 的 Compose Multiplatform 进入 Alpha 版本

一文快速带你了解 KMM 、 Compose 和 Flutter 的现状

最新版 Jetpack compose开发应用指南（Compose底层原理、强化实战）

使用ComposeDesktop开发一款桌面端多功能APK工具

Jetpack Compose Desktop 桌面版本的打包和发布应用

Jetpack Compose for Desktop简介与使用

Jetpack Compose for Desktop 打包生成Windows的Msi安装包和exe可执行程序 exited with 311 code