透過集合功能整理內容
你可以依據偏好儲存及分類內容。
check_circle
入門教學課程
學習 Compose 的基本概念,以及如何使用宣告式函式建構簡單的 UI 元件。瞭解可組合函式、基本版面配置,以及 Material Design、清單和動畫在 Compose 中的運作方式。
check_circle
Compose 的程式設計概念
ondemand_video
影片
瞭解如何使用 Compose 的概念思考,並將焦點放在「內容」而非「方法」。
check_circle
可組合函式
ondemand_video
影片
check_circle
編寫第一個 Compose 應用程式
emoji_objects
程式碼研究室
實際使用狀態、版面配置和主題設定,瞭解宣告式 UI 的基本概念。課程將介紹可組合項和修飾符、如何使用列和欄等基本 UI 元素,以及如何為應用程式賦予狀態。
check_circle
Compose UI 工具包
ondemand_video
影片
瞭解 Compose 工具包中的各種可組合項,包括 Material Design 元件、版面配置、修飾符等。
check_circle
實際進行設計
emoji_objects
程式碼研究室
在本程式碼研究室中,您將瞭解如何透過 Compose 中立即可用的可組合項和修飾符,實際進行設計。
check_circle
開始使用狀態
emoji_objects
程式碼研究室
瞭解應用程式的狀態如何決定 UI 顯示內容、Compose 如何在狀態變更時確保 UI 處於最新狀態,並學習如何最佳化可組合函式的結構,以及在 Compose 應用程式中使用 ViewModel。
check_circle
運用工具加快速度
ondemand_video
影片
瞭解如何使用 Android Studio 中的 Compose 專屬工具加快開發速度。
check_circle
從 View 系統遷移
ondemand_video
影片
選用
現有的應用程式是以 View 建構嗎?歡迎瞭解如何逐步進行遷移作業。
check_circle
實作遷移作業
emoji_objects
程式碼研究室
選用
實際將 View 型應用程式遷移至 Jetpack Compose,瞭解如何逐步採用 Compose,並探索這對架構和測試作業的影響。
測驗
測試自己的學習成果,通過測驗即可獲得「Compose 基礎知識」徽章。
[{
"type": "thumb-down",
"id": "missingTheInformationINeed",
"label":"缺少我需要的資訊"
},{
"type": "thumb-down",
"id": "tooComplicatedTooManySteps",
"label":"過於複雜/步驟過多"
},{
"type": "thumb-down",
"id": "outOfDate",
"label":"過時"
},{
"type": "thumb-down",
"id": "translationIssue",
"label":"翻譯問題"
},{
"type": "thumb-down",
"id": "samplesCodeIssue",
"label":"示例/程式碼問題"
},{
"type": "thumb-down",
"id": "otherDown",
"label":"其他"
}]
[{
"type": "thumb-up",
"id": "easyToUnderstand",
"label":"容易理解"
},{
"type": "thumb-up",
"id": "solvedMyProblem",
"label":"確實解決了我的問題"
},{
"type": "thumb-up",
"id": "otherUp",
"label":"其他"
}]
{
"confidential": False
}