編輯器動作

Android Studio 會在編輯器區域提供相關功能,改善您使用 Jetpack Compose 的工作效率。

即時範本

Android Studio 提供以下與 Compose 相關的即時範本,讓您只要輸入對應的範本縮寫,就能輸入程式碼片段,實現快速插入:

  • comp 用來設定 @Composable 函式
  • prev 用來建立 @Preview 可組合函式
  • paddp 用來在 dp 中新增 padding 修飾符
  • weight 用來新增 weight 修飾符
  • WWRWC 用來設定以 BoxRowColumn 容器包圍目前的組件。

溝槽圖示

溝槽圖示是側欄中可見的關聯動作,位在行編號旁邊。Android Studio 推出了數個 Jetpack Compose 專屬的溝槽圖示,旨在改善開發人員體驗。

部署預覽

您可以透過溝槽圖示直接將 @Preview 部署到模擬器或實體裝置上:

使用者點選預覽函式的部署溝槽圖示,將預覽部署到裝置上

顏色挑選器

每當在組件內部或外部定義顏色時,其預覽畫面就會顯示於溝槽。您可以透過顏色挑選器變更顏色,點選方式如下所示:

使用者在溝槽中點選某個顏色,系統隨即顯示顏色挑選器

圖片資源挑選器

每當在組件內部或外部定義可繪項目、向量或圖片時,其預覽畫面就會顯示於溝槽。您可以透過圖片資源挑選器變更,點選方式如下所示:

使用者在溝槽中點選某個圖示,系統隨即顯示資源挑選器