ComposeDesktop Application 初尝试

lucky_tom

2023-11-01 帮助3人

前言

作为一个多年的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，满满的谷歌味儿。

打包

打包格式可以任意选择。在根目录的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中锻炼，如果它更好用，更受欢迎，相信可以让近几年遇冷的应用开发领域，未来就业机会也会宽广一些。