iT邦幫忙

鐵人檔案

2022 iThome 鐵人賽
回列表
Software Development

傳教士的 Compose for Desktop 耕讀筆記 系列

自從 Android 團隊推出 Jetpack Compose 後,在 Mobile UI 掀起一陣旋風。由於 Jackpack Compose 是用 100% 的 Kotlin 打造,因此在 JetBrains 團隊的努力下,Compose 在 Desktop 領域也有了新的應用方式。在這系列的鐵人賽文章裡,傳教士聖佑會以 30 天的時間耕讀 Compose for Desktop 並留下讀書筆記與同好共賞,期能讓更多人體驗用 Kotlin 寫桌面軟體的新方式。

DAY 11

第 11 天:常用 UI 元件之 Image

在刻 UI 時,最常使用的元件除了文字以外,也很常用「圖片」!今天的耕讀筆記就以 Image 元件為主軸,研究一下其用法及相關設定。 Image 元件 在 UI...

2022-09-17 ‧ 由 聖佑 分享
DAY 12

第 12 天:常用 UI 元件之 Icon

在看完 Image 元件後,另一個跟它很像的元件就是 Icon,一般 Icon 大多用於標示和裝飾,可以讓 UI 看起來更美觀且精緻。今天的耕讀筆記就以 Ico...

2022-09-18 ‧ 由 聖佑 分享
DAY 13

第 13 天:常用 UI 元件之 Button

在與使用者互動的元件裡,Button 佔了很大的比重,用途也很廣泛。今天的耕讀筆記,就來綜覽一下 Compose 提供的 Button 元件,了解這系列的元件各...

2022-09-19 ‧ 由 聖佑 分享
DAY 14

第 14 天:常用 UI 元件之表單元件

在寫 UI 的時候,除了顯示內容給使用者看的元件以外,接收使用者輸入的表單元件也很常見。在前面的筆記裡,已經整理過如 TextFiel、Button 等表單元件...

2022-09-20 ‧ 由 聖佑 分享
DAY 15

第 15 天:排版元件之 Column、Row

雖然看了這麼多元件,但在實作 UI 時,通常會組合多個元件,為了讓 UI 清楚、易懂、好看,如何排版元件就變得很重要了!若讀者曾自行把多個元件放在 Window...

2022-09-21 ‧ 由 聖佑 分享
DAY 16

第 16 天:排版元件之 Surface、Box 與 Spacer

在排版 UI 時,有時會想要把元件群組、彼此堆疊,或有時就只是需要一個可以動態撐開的空間。在 Compose 的世界裡,有些排版元件的功能就是協助我們更快的做出...

2022-09-22 ‧ 由 聖佑 分享
DAY 17

第 17 天:Desktop 特有元件之 Tooltip

研究了這麼多 Compose 元件,基本上這些元件不論是在外觀、行為和程式碼上,都與 Android 上相同。不過,畢竟 Desktop 環境跟 Mobile...

2022-09-23 ‧ 由 聖佑 分享
DAY 18

第 18 天:Desktop 特有元件之 Tray

在實作 Desktop App 時,有一種很特別的 UI 是 Tray,也就是在功能列上的小圖示。許多 App 會把一些小工具收在 Tray 裡,方便使用者可以...

2022-09-24 ‧ 由 聖佑 分享
DAY 19

第 19 天:Desktop 特有元件之 Notification

還記得即時通訊軟體(Instant Message,簡稱 IM)出現後,為了在收到訊息時有視覺上的提示,Desktop 上開始出現 Notification U...

2022-09-25 ‧ 由 聖佑 分享
DAY 20

第 20 天:解析 Modifier

在研究 Compose 元件時,讀者應該有發現,每個元件都有 modifier 這個參數,有時要改變元件的外觀或行為時,就得透過這個參數。但到底 Modifie...

2022-09-26 ‧ 由 聖佑 分享