[推坑] Compose Multiplatform 開源分享

Ptt 的先進們 打給賀

我最近用 Compose Multiplatform 開發了 open-source 跨平台的應用程式，想跟大家分享，還請大家指教

https://i.imgur.com/lA7Ks8E.jpeg

ZZZ Archive 是動作遊戲 "絕區零" 的維基應用程式，使用者可查詢遊戲中相關資料、瀏覽熱門的二創作品。

下載：
不知道這裡能不能貼商店連結

如果有興趣可以到下面 GitHub 查看或是到 Google Play, App Store, Microsoft Store搜尋

這個專案由我從零開始打造，從 UI 設計 -> 程式設計 完全開源

如果各位有自己做 Side Project 需求，這也許可以作為不錯的參考

開始前可以搭配 Figma 設計稿、GitHub 專案服用

Figma 設計稿：
https://www.figma.com/community/file/1441663496302710815/zzz-arch
ive

GitHub 專案：https://github.com/mrfatworm/ZZZ-Archive

響應式效果
https://i.imgur.com/0rGr0gs.gif

設計系統
https://i.imgur.com/qkiuvUB.jpeg

採用 Design System 統一管理 UI 元件及樣式設定，大幅提升開發效率與一致性：

- UI 元件：畫面由元件組成，支援跨畫面共用與快速調整

- Color Theme: 利用調色盤做各種顏色風格，像是最常見的亮暗色模式

包括圓角、字型、間距等細節也納入設計規範，搭配 Jetpack Compose 統一設計與程式規格

https://i.imgur.com/35EtCtn.png

上圖是 JetBrains Compose Multiplatform 目前 (2024.11) 跨平台支援的狀態

可以看到除了網頁與 iOS 都已處於穩定狀態，個人開發到現在體感上 iOS 也沒什麼問題（網頁我沒試）

雖然某些原生功能在各平台可能需要額外處理，甚至可能無法實現，但如果是單純的網路請求 App，目前已經是個不錯的選擇。

對於 Android 開發者：

如果你本身就是 Android 工程師又剛好會 Kotlin + Jetpack Compose

用 Compose Multiplatform 開發跨平台 App，對 Android 工程師來說相當友好

在這裡你可以應用 80% 以上 Android 開發的知識來打造跨平台 App

我這次使用到的 Library
https://i.imgur.com/nUmLWuZ.jpeg

是不是很熟悉

有些 Library 可能沒看過，但用法和 Android 常用的 Hilt, Retrofit ...相似

希望這篇能夠幫助到有需要的人，也希望未來 Compose Multiplatform 能夠壯大起來，有一天能像 Flutter 的市佔與社群支援！！！現在真的好少...

如果大家有興趣 Compose Multiplatform 可以做到什麼程度，可以下載 App 玩看看，順便給個建議，感謝大家～

如果你本身就是 Android 工程師又剛好會 Kotlin + Jetpack Compose

用 Compose Multiplatform 開發跨平台 App，對 Android 工程師來說相當友好

在這裡你可以應用 80% 以上 Android 開發的知識來打造跨平台 App

我這次使用到的 Library
https://i.imgur.com/nUmLWuZ.jpeg

是不是很熟悉

有些 Library 可能沒看過，但用法和 Android 常用的 Hilt, Retrofit ...相似

希望這篇能夠幫助到有需要的人，也希望未來 Compose Multiplatform 能夠壯大起來，有一天能像 Flutter 的市佔與社群支援！！！現在真的好少...

如果大家有興趣 Compose Multiplatform 可以做到什麼程度，可以下載 App 玩看看，順便給個建議，感謝大家～

--

※ 發信站: 批踢踢實業坊(ptt.cc), 來自: 39.14.10.117 (臺灣) ※ 編輯: mrfatworm (39.14.10.117 臺灣), 11/28/2024 21:26:26