轉換使用者介面

您可以在 Compose 預覽環境中，直接在預覽畫面使用自然語言，透過 Gemini 轉換 UI 程式碼。

如要使用 Gemini 轉換 UI，請按照下列步驟操作：

  1. 在「撰寫」預覽面板中，對預覽畫面按一下滑鼠右鍵，然後選取「使用 Gemini 轉換 UI」。

    內容選單中的「使用 Gemini 轉換 UI」
    存取「使用 Gemini 轉換 UI」選單

  2. 以自然語言輸入要求，例如「將這些按鈕置中對齊」，引導 Gemini 調整版面配置或樣式，或在預覽畫面中選取特定 UI 元素，提供更清楚的脈絡。

    「使用 Gemini 轉換 UI」模式對話方塊
    對 Compose 預覽套用自然語言轉換

  3. Gemini 會產生差異，並提供建議的程式碼編輯內容。您可以先檢查更新內容，並視需要進一步修正，再核准變更。

請嘗試使用下列提示：

  • 「在文字之間加入更多間距」
  • 「將圖示放大 10%」
  • 「將背景顏色變更為 <顏色>」