Compose 基礎知識

開始使用 Jetpack Compose,並瞭解可組合函式、基本版面配置和狀態、Material Design、清單和動畫。

 

入門教學課程

學習 Compose 的基本概念,以及如何使用宣告式函式建構簡單的 UI 元件。瞭解可組合函式、基本版面配置,以及 Material Design、清單和動畫在 Compose 中的運作方式。

Compose 的程式設計概念

影片

瞭解如何使用 Compose 的概念思考,並將焦點放在「內容」而非「方法」。

可組合函式

影片

瞭解 Compose 的構成元素:可組合函式。

編寫第一個 Compose 應用程式

程式碼研究室

實際使用狀態、版面配置和主題設定,瞭解宣告式 UI 的基本概念。課程將介紹可組合項和修飾符、如何使用列和欄等基本 UI 元素,以及如何為應用程式賦予狀態。

Compose UI 工具包

影片

瞭解 Compose 工具包中的各種可組合項,包括 Material Design 元件、版面配置、修飾符等。

實際進行設計

程式碼研究室

在本程式碼研究室中,您將瞭解如何透過 Compose 中立即可用的可組合項和修飾符,實際進行設計。

開始使用狀態

程式碼研究室

瞭解應用程式的狀態如何決定 UI 顯示內容、Compose 如何在狀態變更時確保 UI 處於最新狀態,並學習如何最佳化可組合函式的結構,以及在 Compose 應用程式中使用 ViewModel。

運用工具加快速度

影片

瞭解如何使用 Android Studio 中的 Compose 專屬工具加快開發速度。

從 View 系統遷移

影片 選用

現有的應用程式是以 View 建構嗎?歡迎瞭解如何逐步進行遷移作業。

實作遷移作業

程式碼研究室 選用

實際將 View 型應用程式遷移至 Jetpack Compose,瞭解如何逐步採用 Compose,並探索這對架構和測試作業的影響。

測驗

測試自己的學習成果,通過測驗即可獲得「Compose 基礎知識」徽章。