Compose 工具

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

快速啟動

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

設計 UI 的工具

建立元件、設計系統和畫面，與設計規格保持一致。

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

開發及測試 UI 的工具

減少環境切換，加快建構 UI 和測試執行中應用程式的速度。

• 即時編輯：套用變更並即時查看，不必進行完整建構。
• 編輯器動作：在 Android Studio 編輯器視窗中使用範本、側欄圖示等功能。
• Lint 檢查：使用 Lint 檢查驗證 Compose 程式碼是否正確。

用於偵錯 UI 的工具

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

• 版面配置檢查器：在模擬器或實體裝置中檢查 Compose 版面配置。
• Compose UI 檢查：檢查 Compose UI 的無障礙設計和自動調整問題。
• 組合追蹤：在系統追蹤期間追蹤可組合函式。