自從 Android 團隊推出 Jetpack Compose 後,在 Mobile UI 掀起一陣旋風。由於 Jackpack Compose 是用 100% 的 Kotlin 打造,因此在 JetBrains 團隊的努力下,Compose 在 Desktop 領域也有了新的應用方式。在這系列的鐵人賽文章裡,傳教士聖佑會以 30 天的時間耕讀 Compose for Desktop 並留下讀書筆記與同好共賞,期能讓更多人體驗用 Kotlin 寫桌面軟體的新方式。
在刻 UI 時,最常使用的元件除了文字以外,也很常用「圖片」!今天的耕讀筆記就以 Image 元件為主軸,研究一下其用法及相關設定。 Image 元件 在 UI...
在看完 Image 元件後,另一個跟它很像的元件就是 Icon,一般 Icon 大多用於標示和裝飾,可以讓 UI 看起來更美觀且精緻。今天的耕讀筆記就以 Ico...
在與使用者互動的元件裡,Button 佔了很大的比重,用途也很廣泛。今天的耕讀筆記,就來綜覽一下 Compose 提供的 Button 元件,了解這系列的元件各...
在寫 UI 的時候,除了顯示內容給使用者看的元件以外,接收使用者輸入的表單元件也很常見。在前面的筆記裡,已經整理過如 TextFiel、Button 等表單元件...
雖然看了這麼多元件,但在實作 UI 時,通常會組合多個元件,為了讓 UI 清楚、易懂、好看,如何排版元件就變得很重要了!若讀者曾自行把多個元件放在 Window...
在排版 UI 時,有時會想要把元件群組、彼此堆疊,或有時就只是需要一個可以動態撐開的空間。在 Compose 的世界裡,有些排版元件的功能就是協助我們更快的做出...
研究了這麼多 Compose 元件,基本上這些元件不論是在外觀、行為和程式碼上,都與 Android 上相同。不過,畢竟 Desktop 環境跟 Mobile...
在實作 Desktop App 時,有一種很特別的 UI 是 Tray,也就是在功能列上的小圖示。許多 App 會把一些小工具收在 Tray 裡,方便使用者可以...
還記得即時通訊軟體(Instant Message,簡稱 IM)出現後,為了在收到訊息時有視覺上的提示,Desktop 上開始出現 Notification U...
在研究 Compose 元件時,讀者應該有發現,每個元件都有 modifier 這個參數,有時要改變元件的外觀或行為時,就得透過這個參數。但到底 Modifie...