Compose 工具

Android Studio 提供一系列工具，可協助您使用 Jetpack Compose 程式庫加速 UI 設計。有了 Android Studio 的 AI 代理，您就能快速將 UI 模擬圖轉換為可運作的原型。如要開始使用這些工具，請先透過物料清單 (BOM) 將必要的依附元件新增至 Gradle 檔案。

UI 設計工具

建立符合設計規格的元件、設計系統和版面配置。

  • 預覽 UI：在各種螢幕大小、摺疊式裝置和多視窗模式設定上預覽可組合項，並與其互動。
  • 預覽動畫：逐格檢查、偵錯及預覽動畫。

開發及測試 UI 的工具

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

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

UI 偵錯工具

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

  • 版面配置檢查器：在模擬器或實體裝置上檢查 Compose 版面配置。
  • Compose UI 檢查：檢查 Compose UI 是否有無障礙和自動調整問題，找出與不同螢幕大小、裝置方向和板型規格相關的問題。
  • 組合結構追蹤：在系統追蹤期間追蹤可組合函式。