Jetpack Compose

瞭解 Compose 這個用於建構原生 Android 使用者介面的新型工具包。

 

教學課程:Jetpack Compose 基本概念

選用

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

Jetpack Compose 簡介

影片 選用

概略認識 Jetpack Compose、瞭解宣告式使用者介面工具包,以及如何使用 Compose 建構精美的使用者介面。

Compose 的程式設計概念

選用

瞭解 Compose 的宣告式做法與您先前可能使用過的檢視畫面做法有何不同。

Jetpack Compose 基本概念

程式碼研究室

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

遷移至 Jetpack Compose

程式碼研究室

實際將以檢視畫面為基礎的應用程式遷移至 Jetpack Compose,藉此瞭解如何逐步採用 Compose,並探索這對架構和測試作業的影響。

Compose 的基本版面配置

程式碼研究室

瞭解 Jetpack Compose 中的版面配置運作方式,包括內建版面配置、修飾符,以及自訂版面配置的建構方式。

Compose 的延遲版面配置

影片 選用

瞭解如何以 Compose 建立捲動清單,以及為何這樣做會比使用 RecyclerView 簡單。深入探索不能建立巢狀捲動清單的原因和替代做法、項目大小一律不應設為 0 像素的理由、提供不重複索引鍵的重要性,以及項目動畫的運作方式。最後,瞭解如何顯示格線、使用自訂版面配置管理工具,以及改善效能最佳化設定來加快捲動速度。

使用 Jetpack Compose 進行主題設定

程式碼研究室

實際使用 Compose 導入質感設計,瞭解如何為應用程式的顏色、字型排版和形狀建立主題,以及支援淺色和深色主題。

使用 Jetpack Compose 的動畫功能

程式碼研究室

學習如何使用 Compose Animation API。我們會先從最簡單的數值動畫開始,再透過一些常見動畫模式瞭解其他 API。此外,我們也會探討其他進階主題,例如動畫自訂方式,以及支援觸控手勢的動畫。

Jetpack Compose 的狀態概念說明

程式碼研究室

瞭解有關使用 Jetpack Compose 狀態的核心概念,以便建構功能豐富的互動式 Android 應用程式。

Jetpack Compose 的進階狀態和連帶效果說明

程式碼研究室

瞭解 Jetpack Compose 狀態和連帶效果 API 的相關進階概念。學習如何為複雜的有狀態可組合項建立狀態容器、建立協同程式並透過 Compose 程式碼呼叫暫停函式,以及依不同用途觸發連帶效果。

Jetpack Compose Navigation

程式碼研究室

瞭解如何在 Compose 中使用 Jetpack Navigation 程式庫、在應用程式中進行瀏覽、使用引數進行瀏覽、支援深層連結,以及測試導覽。

Jetpack Compose 的常見效能錯誤

影片 選用

Jetpack Compose 有許多強大功能,但如果這些強大功能的效能不如預期,該怎麼辦?這個演講將說明運用 Jetpack Compose 的最佳做法,主題涵蓋效能、常見錯誤,以及如何避免這些錯誤等等。

測試用 Jetpack Compose 建構的介面

程式碼研究室

瞭解如何測試使用 Jetpack Compose 建構的使用者介面。編寫第一項測試,並瞭解獨立測試、測試偵錯作業、語意樹狀結構和測試同步處理作業。

運用 Jetpack Compose 導入無障礙設計

程式碼研究室

瞭解如何提升應用程式的可用性,特別是將身心障礙使用者的需求納入考量。這包括增加觸控目標大小、新增內容說明、建立自訂動作等等。

Jetpack Compose 測驗

測試您的 Compose 相關知識,通過後可獲取 Jetpack Compose 徽章。