透過集合功能整理內容
你可以依據偏好儲存及分類內容。
check_circle
教學課程:Jetpack Compose 基本概念
選用
學習 Compose 的基本概念,以及如何使用宣告式函式建構簡單的使用者介面元件。瞭解可組合函式、基本版面配置,以及質感設計、清單和動畫在 Compose 中的運作方式。
check_circle
Jetpack Compose 簡介
ondemand_video
影片
選用
概略認識 Jetpack Compose、瞭解宣告式使用者介面工具包,以及如何使用 Compose 建構精美的使用者介面。
check_circle
Compose 的程式設計概念
選用
瞭解 Compose 的宣告式做法與您先前可能使用過的檢視畫面做法有何不同。
check_circle
Jetpack Compose 基本概念
emoji_objects
程式碼研究室
實際使用狀態、版面配置和主題設定,並學習宣告式使用者介面的基本概念。課程將介紹可組合項目和修飾符、如何使用列和欄等基本 UI 元素,以及如何為應用程式賦予狀態。
check_circle
遷移至 Jetpack Compose
emoji_objects
程式碼研究室
實際將以檢視畫面為基礎的應用程式遷移至 Jetpack Compose,藉此瞭解如何逐步採用 Compose,並探索這對架構和測試作業的影響。
check_circle
Compose 的基本版面配置
emoji_objects
程式碼研究室
瞭解 Jetpack Compose 中的版面配置運作方式,包括內建版面配置、修飾符,以及自訂版面配置的建構方式。
check_circle
Compose 的延遲版面配置
ondemand_video
影片
選用
瞭解如何以 Compose 建立捲動清單,以及為何這樣做會比使用 RecyclerView 簡單。深入探索不能建立巢狀捲動清單的原因和替代做法、項目大小一律不應設為 0 像素的理由、提供不重複索引鍵的重要性,以及項目動畫的運作方式。最後,瞭解如何顯示格線、使用自訂版面配置管理工具,以及改善效能最佳化設定來加快捲動速度。
check_circle
使用 Jetpack Compose 進行主題設定
emoji_objects
程式碼研究室
實際使用 Compose 導入質感設計,瞭解如何為應用程式的顏色、字型排版和形狀建立主題,以及支援淺色和深色主題。
check_circle
使用 Jetpack Compose 的動畫功能
emoji_objects
程式碼研究室
學習如何使用 Compose Animation API。我們會先從最簡單的數值動畫開始,再透過一些常見動畫模式瞭解其他 API。此外,我們也會探討其他進階主題,例如動畫自訂方式,以及支援觸控手勢的動畫。
check_circle
Jetpack Compose 的狀態概念說明
emoji_objects
程式碼研究室
瞭解有關使用 Jetpack Compose 狀態的核心概念,以便建構功能豐富的互動式 Android 應用程式。
check_circle
Jetpack Compose 的進階狀態和連帶效果說明
emoji_objects
程式碼研究室
瞭解 Jetpack Compose 狀態和連帶效果 API 的相關進階概念。學習如何為複雜的有狀態可組合項建立狀態容器、建立協同程式並透過 Compose 程式碼呼叫暫停函式,以及依不同用途觸發連帶效果。
check_circle
Jetpack Compose Navigation
emoji_objects
程式碼研究室
瞭解如何在 Compose 中使用 Jetpack Navigation 程式庫、在應用程式中進行瀏覽、使用引數進行瀏覽、支援深層連結,以及測試導覽。
check_circle
Jetpack Compose 的常見效能錯誤
ondemand_video
影片
選用
Jetpack Compose 有許多強大功能,但如果這些強大功能的效能不如預期,該怎麼辦?這個演講將說明運用 Jetpack Compose 的最佳做法,主題涵蓋效能、常見錯誤,以及如何避免這些錯誤等等。
check_circle
測試用 Jetpack Compose 建構的介面
emoji_objects
程式碼研究室
瞭解如何測試使用 Jetpack Compose 建構的使用者介面。編寫第一項測試,並瞭解獨立測試、測試偵錯作業、語意樹狀結構和測試同步處理作業。
check_circle
運用 Jetpack Compose 導入無障礙設計
emoji_objects
程式碼研究室
瞭解如何提升應用程式的可用性,特別是將身心障礙使用者的需求納入考量。這包括增加觸控目標大小、新增內容說明、建立自訂動作等等。
Jetpack Compose 測驗
測試您的 Compose 相關知識,通過後可獲取 Jetpack Compose 徽章。
[[["容易理解","easyToUnderstand","thumb-up"],["確實解決了我的問題","solvedMyProblem","thumb-up"],["其他","otherUp","thumb-up"]],[["缺少我需要的資訊","missingTheInformationINeed","thumb-down"],["過於複雜/步驟過多","tooComplicatedTooManySteps","thumb-down"],["過時","outOfDate","thumb-down"],["翻譯問題","translationIssue","thumb-down"],["示例/程式碼問題","samplesCodeIssue","thumb-down"],["其他","otherDown","thumb-down"]],[],[],[]]