Compose 基礎知識

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

10 項活動
1

入門教學課程

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

2

Compose 的程式設計概念

影片

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

3

可組合函式

影片

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

4

編寫第一個 Compose 應用程式

程式碼研究室

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

5

Compose UI 工具包

影片

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

6

實際進行設計

程式碼研究室

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

7

開始使用狀態

程式碼研究室

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

8

運用工具加快速度

影片

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

9

從 View 系統遷移

影片 選用

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

10

實作遷移作業

程式碼研究室 選用

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