開始使用 Jetpack Compose

Jetpack Compose 是用於建構原生 Android UI 的新型工具包。我們會在此提供 Compose 最新資訊。

  • 總覽:查看 Compose 開發人員可用的所有資源。
  • 教學課程:使用 Compose 建構簡易的 UI,開始使用 Compose。
  • 快速指南新功能!不妨試試我們的快速重點指南,讓您以最快的速度達成目標。

基礎

  • Compose 的使用思維:瞭解 Compose 的宣告方法與過去以 View 為基礎的方法有何不同,以及如何建構使用 Compose 的心理模型。
  • 管理狀態:瞭解如何在 Compose 應用程式中設定及使用狀態。
  • 可組合項的生命週期:瞭解可組合項的生命週期,以及 Compose 如何判斷是否需要重新繪製。
  • 修飾符:瞭解如何使用修飾符增強或裝飾可組合項。
  • Compose 中的連帶效果:瞭解管理副作用的最佳方式。
  • Jetpack Compose 階段:瞭解 Compose 需要完成哪些步驟來轉譯 UI,以及如何利用該項資訊編寫高效率的程式碼
  • 架構分層:瞭解構成 Jetpack Compose 的架構層,以及做為設計後依據的核心原則。
  • 效能:瞭解如何避免可能影響應用程式效能的常見程式設計問題。
  • Compose 中的語意:瞭解語意樹狀結構,這種結構的用途是無障礙服務和測試架構。
  • 使用 CompositionLocal 的本機範圍資料:瞭解如何使用 CompositionLocal 透過組合傳遞資料。

開發環境

設計

  • 版面配置:瞭解 Compose 的原生版面配置元件,以及如何設計自己的版面配置。
  • 設計系統:瞭解如何實作設計系統,為應用程式提供一致的外觀和風格。
  • 清單和格線:瞭解 Compose 在管理和顯示資料清單和格線的一些選項。
  • 文字:瞭解 Compose 的主要顯示及編輯文字選項。
  • 圖形:瞭解 Compose 建構及使用自訂圖形的功能。
  • 動畫:瞭解 Compose 的各種 UI 元素動畫選項。
  • 手勢:瞭解如何建構 Compose UI,藉此偵測使用者的手勢並進行互動。
  • 處理使用者互動:瞭解 Compose 如何將低層級輸入內容簡化為較高層級的互動,以便您可以自訂元件回應使用者動作的方式。

採用 Compose

  • 遷移以 View 為基礎的現有應用程式:瞭解如何將以 View 為基礎的現有應用程式遷移至 Compose。
    • 遷移策略:瞭解以安全的方式逐步將 Compose 導入程式碼集的策略。
    • 互通性 API:瞭解 Compose 的 API,以便整合 Compose 和以 View 為基礎的使用者介面。
    • 其他注意事項:瞭解將以 View 為基礎的應用程式遷移至 Compose 時,應考量的其他事項,例如主題設定、架構和測試。
  • Compose 和其他程式庫:瞭解如何在 Compose 內容中使用以 View 為基礎的程式庫。
  • Compose 架構:瞭解如何在 Compose 中實作單向流程模式、如何實作事件和狀態容器,以及如何在 Compose 中使用 ViewModel
  • Navigation:瞭解如何使用 NavController,將 Navigation 元件與 Compose UI 整合。
    • 回應式 UI 導覽:瞭解如何設計應用程式導覽功能,讓應用程式適應不同的螢幕大小、方向和板型規格。
  • 資源:瞭解如何在 Compose 程式碼中使用應用程式的資源。
  • 無障礙功能:瞭解如何讓 Compose UI 適合具有不同無障礙需求的使用者。
  • 測試:瞭解如何測試 Compose 程式碼。
    • 測試一覽表:提供實用的 Compose 測試 API 快速參考資料。

其他資源