開始使用 Jetpack Compose

Jetpack Compose 是建構 Android UI 的新型工具包，可簡化應用程式開發程序，讓應用程式適應任何螢幕大小。

• 總覽：查看 Compose 開發人員可用的資源。
• 教學課程：開始使用 Compose 建構基本 UI。
• 快速指南：試試我們快速且重點明確的指南，盡快達成目標。

Foundation

• Compose 的使用思維：瞭解 Compose 的宣告式做法與您先前可能使用過的檢視畫面做法有何不同。建立使用 Compose 的心智模型。
• 管理狀態：在 Compose 應用程式中設定及使用狀態。
• 可組合項的生命週期：可組合項的生命週期，以及 Compose 如何判斷是否需要重新繪製。
• 修飾符：使用修飾符增強或裝飾可組合項。
• Compose 中的副作用：管理副作用的方式。
• Jetpack Compose 階段：Compose 轉譯應用程式 UI 的步驟，以及如何使用該資訊編寫有效的程式碼。
• 架構分層：構成 Jetpack Compose 的架構層，以及傳達 Compose 設計的核心原則。
• 效能：避免可能影響應用程式效能的常見程式設計問題。
• Compose 中的元件資訊：元件資訊樹狀結構會以無障礙服務和測試框架可用的方式組織 UI。
• CompositionLocal 的本機資料：使用 CompositionLocal 透過組合傳遞資料。

自動調整式使用者介面

• 建構自動調整式應用程式：瞭解建立適用於任何顯示大小 (包括手機、平板電腦、折疊式裝置等) 的最佳化版面配置時，應遵循的核心原則。
• 套用經過實證的版面配置：使用清單詳細資料和輔助窗格等標準版面配置，在大螢幕上提供最佳化的應用程式。
• 自動調整式導覽：導入導覽模式，自動配合可用的顯示空間調整。

開發環境

• Android Studio 搭配 Compose：如何設定使用 Compose 的開發環境。
• Compose 工具：Android Studio 支援 Compose 的新功能。
• Compose 適用的 Kotlin：Kotlin 專屬慣用方法可搭配 Compose 使用。
• 比較 Compose 和檢視指標：瞭解遷移至 Compose 對應用程式的 APK 大小和執行階段效能有何影響。
• 物料清單：只要指定 BOM 版本，即可管理所有 Compose 依附元件。

設計

• 版面配置：Compose 版面配置元件與設計方式。
  • 版面配置基本概念：直觀應用程式 UI 的建構模塊。
  • Material Design 元件和版面配置：Compose 中的 Material Design 元件和版面配置。
  • 自訂版面配置：控管應用程式的版面配置，並設計自己的自訂版面配置。
  • 對齊線條：建立自訂對齊導線，精確對齊及定位 UI 元素。
  • 內建函式測量：由於 Compose 僅允許您在每次傳遞中測量 UI 元素一次，因此本頁面說明如何先查詢子元素相關資訊，然後再進行測量。
  • ConstraintLayout：在 Compose UI 中使用 ConstraintLayout。
• 設計系統：導入設計系統，讓應用程式擁有一致的外觀和風格。
  • Material Design 3：使用 Compose 的 Material Design 3 實作方式導入 Material You。
  • 從 Material 2 遷移至 Material 3：在 Compose 中將應用程式從 Material Design 2 遷移至 Material Design 3。
  • Material Design 2：自訂 Material Design 2 的 Compose 實作方式，以符合產品的品牌。
  • 自訂設計系統：在 Compose 中導入自訂設計系統，並調整現有的 Material Design 可組合項，以配合新的設計系統。
  • 主題剖析：MaterialTheme 和自訂設計系統採用的較低階結構和 API。
• 清單和格線：Compose 選項，用於管理及顯示資料清單和格線。
• 文字：Compose 的主要顯示及編輯文字選項。
• 圖形：Compose 建構及處理自訂圖片的功能。
• 動畫：Compose 的 UI 元素動畫選項。
• 手勢：建構 Compose UI，藉此偵測使用者的手勢，並與使用者互動。
• 處理使用者互動：瞭解 Compose 如何將低階輸入內容轉為較高階互動，以自訂元件對使用者動作做出的回應。

採用 Compose

• 遷移以 View 為基礎的應用程式：將以 View 為基礎的應用程式遷移至 Compose。
  • 遷移策略：瞭解如何安全地逐步將 Compose 導入程式碼集。
  • 互通性 API：Compose API，可協助您整合 Compose 與以檢視區塊為基礎的使用者介面。
  • 其他注意事項：將以 View 為基礎的應用程式遷移至 Compose 時，應列入考量的其他事項，例如主題設定、架構和測試。
• Compose 和其他程式庫：如何在 Compose 內容中使用以 View 為基礎的程式庫。
• Compose 架構：在 Compose 中實作單向流程模式、實作事件和狀態容器，以及在 Compose 中使用 ViewModel。
• Navigation：使用 NavController 將 Navigation 元件與 Compose UI 整合。
• 資源：在 Compose 程式碼中處理應用程式的資源。
• 無障礙設計：滿足無障礙需求的使用者。
• 測試：測試 Compose 程式碼。
  • 測試一覽表：針對實用的 Compose 測試 API，提供快速參考資料。

其他資源

• 做好準備
• 精選學習課程
• Compose API 規範
• API 參考資料
• 程式碼研究室
• 範例應用程式
• 影片

為您推薦

• 注意：系統會在 JavaScript 關閉時顯示連結文字
• 使用 CompositionLocal 的本機範圍資料
• 其他考量
• Compose 主題剖析