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 1

「宣告式」程式框架

 Medium 好讀版 Jetpack Compose 是 Android 的新型宣告式 UI 套件。Compose 提供「宣告式 API」,透過較少的程式...

2022-09-07 ‧ 由 John Lu 分享
DAY 2

Compose 的程式設計概念

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

2022-09-08 ‧ 由 John Lu 分享
DAY 3

宣告式程式框架的變革

 Medium 好讀版 宣告式程式框架的變革 在使用許多「命令式」物件導向的 UI 套件時,我們會建立 UI 元件的實體,組織成樹狀結構,藉此來建構 UI...

2022-09-09 ‧ 由 John Lu 分享
DAY 4

Composable functions

 Medium 好讀版 Jetpack Compose 是由 Composable functions 所組成。這些函式可讓我們以 Kotlin 的方式定...

2022-09-10 ‧ 由 John Lu 分享
DAY 5

Compose Layouts

 Medium 好讀版 UI 元件具有階層結構,在元件中可以包含其他元件。在 Compose 中,我們可以在 composable functions 中...

2022-09-11 ‧ 由 John Lu 分享
DAY 6

Compose Material Design

 Medium 好讀版 Compose 的設計宗旨是支援 Material Design 的原則。許多 UI 元件都按照 Material Design...

2022-09-12 ‧ 由 John Lu 分享
DAY 7

Compose 清單和動畫

 Medium 好讀版 清單和動畫會出現在 app 中的任何地方。在本文章中,我們將瞭解如何運用 Compose 輕鬆建立清單,並增添動畫效果。 此系列...

2022-09-13 ‧ 由 John Lu 分享
DAY 8

Compose Recomposition

 Medium 好讀版 在「命令式」 UI 框架中,如要變更 UI 元件,我們會呼叫 UI 元件的 setter 來變更其內部狀態。在 Compose 中,...

2022-09-14 ‧ 由 John Lu 分享
DAY 9

Composable function 的特性

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

2022-09-15 ‧ 由 John Lu 分享
DAY 10

Recomposition 的特性

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

2022-09-16 ‧ 由 John Lu 分享