Compose 工具

透過集合功能整理內容 你可以依據偏好儲存及分類內容。

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

設計 UI 的工具

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

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

用於開發及測試 UI 的工具

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

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

用於偵錯 UI 的工具

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

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

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

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