鐵人檔案
自從 Android 團隊推出 Jetpack Compose 後，在 Mobile UI 掀起一陣旋風。由於 Jackpack Compose 是用 100% 的 Kotlin 打造，因此在 JetBrains 團隊的努力下，Compose 在 Desktop 領域也有了新的應用方式。在這系列的鐵人賽文章裡，傳教士聖佑會以 30 天的時間耕讀 Compose for Desktop 並留下讀書筆記與同好共賞，期能讓更多人體驗用 Kotlin 寫桌面軟體的新方式。
寫 UI 是精緻手工業 隨著軟體開發的演進，應用程式架構也跟著愈來愈精細。但不論架構再怎麼切分，UI（User Interface，應用程式介面）永遠都佔據著一...
在學習一項新的軟體技術前，最重要的就是先建立好開發環境。一般來說開發環境包含兩塊：SDK 及開發工具（一般指 IDE）。由於我們使用的開發語言是 Kotlin，...
為了讓寫好的程式碼能編譯執行，在安裝好開發工具後，我們還需要安裝 SDK。由於 Compose for Desktop 是運行在 JVM 平台上，需要的 SDK...
還記得在提到使用 Jetpack Compose 開發 UI 時的好處之一，就是「方便預覽」。若讀者試著在 Android Studio 裡建立一個全新的 Em...
安裝好 SDK、開發工具及外掛程式後，就完成了所有前置作業。耕讀筆記的第四步，就來初始化 Compose for Desktop 專案，並實際將專案運行起來。...
在建立全新的 Compose for Desktop 專案後，我們只知道怎麼運行專案及預覽元件，對於應用程式組成及程式碼細節並不清楚。因此今天的耕讀筆記就要來閱...
要掌握 Compose，就得了解其元件庫有哪些元件可使用，以及各元件的使用方式。因此從今天開始，耕讀筆記將綜覽常用 UI 元件，了解各元件的名稱、可傳入的參數及...
若視 Window 為 UI 的最外層，那 MenuBar 應該就算是第二層吧？MenuBar 是 Desktop App 很重要的元素，一般來說整個 App...
在看完 UI 外層的 Window 及 MenuBar 後，接下來持續往內看其他元件。在刻 UI 時，最常需要處理的應該就是「文字」吧？今天的耕讀筆記就以 Te...
Text 用於顯示文字，若是要讓使用者輸入文字呢？這時就會需要表單元件 TextField。在看完跟 Text 相關的元件後，我們接著看 TextField。今...
