開始使用 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 透過組合傳遞資料。

自動調整式使用者介面

開發環境

設計

  • 版面配置：Compose 版面配置元件與設計方式。
  • 設計系統：導入設計系統，讓應用程式擁有一致的外觀和風格。
  • 清單和格線：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，提供快速參考資料。

其他資源