Compose 工具

Android Studio 提供一系列工具，可協助您使用 Jetpack Compose 程式庫加快 UI 設計作業。您可以先透過物料清單 (BoM)，將必要依附元件新增至 Gradle 檔案，然後開始使用這些工具。

設計 UI 的工具

建立元件、設計系統和畫面，以符合設計規格。

  • 預覽 UI：預覽、整理及與可組合項互動。
  • 預覽動畫：逐格檢查、偵錯及預覽動畫。

用於開發及測試 UI 的工具

減少切換畫面次數，加快建構 UI 和測試執行中的應用程式。

  • 即時編輯：套用變更並即時查看變更內容，無須進行完整建構作業。
  • 編輯器動作：在 Android Studio 編輯器視窗中使用範本、gutter 圖示等。

用於偵錯 UI 的工具

分析版面配置、重組和組合追蹤，以改善應用程式的 UI 效能。

將 UI 元件從設計轉換為程式碼的工具

  • Relay for Android Studio：讓設計人員和開發人員即時互相移交 Android UI 元件。設計人員可以將 UI 元件包裝起來，並加入版面配置、樣式、動態內容和互動行為等資訊。開發人員可以匯入這些套件，並將其轉換為 Jetpack Compose 程式碼。