iT邦幫忙

鐵人檔案

2022 iThome 鐵人賽
回列表
Mobile Development

Kimoji:以 Jetpack Compose 實作一款「心情日記」應用 系列

Jetpack Compose 是建構原生 Android UI 的新型套件。Jetpack Compose 能以較少的程式碼、強大的工具和直觀的 Kotlin API,簡化並加快 Android 上的 UI 開發作業。

在此系列文章中,我們將完全從頭開始打造一個心情日記 App:Kimoji。 我們將從小元件到大元件逐一完成。 從「日記」Composable 開始寫起。我們將討論如何使用 Composable function 來建構 UI、 Compose 如何管理狀態,以及關於程式架構的討論。

連結:https://bit.ly/kimoji_app


DAY 21

可觀察的 MutableList 應用篇

 Medium 好讀版 此系列文章是以我的業餘專案: Kimoji 作為範例。這款以純 Jetpack Compose 撰寫的 side project...

2022-09-27 ‧ 由 John Lu 分享
DAY 22

ViewModel 中的狀態

 Medium 好讀版 畫面或 UI state 會包含畫面上要顯示的內容 (例如日記清單)。由於這個狀態含有應用程式資料,因此通常連結著 app 架構的其...

2022-09-28 ‧ 由 John Lu 分享
DAY 23

將 data 和 event 遷移到 ViewModel

 Medium 好讀版 此系列文章是以我的業餘專案: Kimoji 作為範例。這款以純 Jetpack Compose 撰寫的 side project...

2022-09-29 ‧ 由 John Lu 分享
DAY 24

Compose 實作清單多選

 Medium 好讀版 今天我們要來實作 Kimoji App 裡多選標籤的功能。我們會把勾選的狀態和邏輯放到 ViewModel。透過讓 ViewMod...

2022-09-30 ‧ 由 John Lu 分享
DAY 25

讓 Compose 觀察 list item 內值的變化

 Medium 好讀版 此系列文章是以我的業餘專案: Kimoji 作為範例。這款以純 Jetpack Compose 撰寫的 side project...

2022-10-01 ‧ 由 John Lu 分享
DAY 26

從 ViewModel 使用可觀察的資料流

 Medium 好讀版 今天的文章中,我們要來介紹如何將 ViewModel expose 的可觀察資料型態接到 Composable 上。我們會示範將...

2022-10-02 ‧ 由 John Lu 分享
DAY 27

LaunchedEffect 和 rememberUpdatedState

 Medium 好讀版 我們想要在 Kimoji App 中新增一個 landing screen,可以用來在背景載入資料。 此系列文章是以我的業餘專...

2022-10-03 ‧ 由 John Lu 分享
DAY 28

rememberCoroutineScope

 Medium 好讀版 今天的文章中,我們要來實作彈出 ModalBottomSheet 的功能。目前,如果嘗試點擊日記上的選單,不會觸發任何動作。...

2022-10-04 ‧ 由 John Lu 分享
DAY 29

snapshotFlow:將 Compose 的 state 轉換為 Flow

 Medium 好讀版 已經開發了這麼多 Kimoji App 的功能,該埋點了吧!今天的文章會示範在使用者捲動「日記清單」時,觸發一個 side eff...

2022-10-05 ‧ 由 John Lu 分享
DAY 30

Compose 解決了哪些挑戰?

 Medium 好讀版 鐵人賽系列文章今天進入最終章,在實作 Kimoji App 的過程,有許多實務經驗和心得非常想和各位讀者分享;Compose 的世...

2022-10-06 ‧ 由 John Lu 分享