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，並探索這對架構和測試作業的影響。

略過 參加程式碼研究室

這對你有幫助嗎？