Compose 工具

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

快速啟動

使用快速入門指南新增 Compose BOM 和程式庫依附元件

設計 UI 的工具

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

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

用於開發及測試 UI 的工具

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

• 即時編輯：套用變更並即時查看，不必執行完整版本。
• 編輯器動作：在 Android Studio 編輯器視窗中使用範本、gutter 圖示等。

用於偵錯 UI 的工具

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

• 版面配置檢查器：在模擬器或實體裝置上檢查 Compose 版面配置。
• 組合追蹤：在系統追蹤中追蹤可組合函式。

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

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