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 的無障礙功能和自動調整問題，找出與不同螢幕大小、裝置方向和板型規格相關的問題。
  • 組合追蹤：在系統追蹤期間追蹤可組合函式。