生成 Compose 預覽畫面

Compose 預覽是強大的工具,可在 Android Studio 中設計時視覺化可組合函式,但手動設定預覽參數的模擬資料可能很耗時。Android Studio 中的 Gemini 包含一項功能,可解決這個問題:自動產生 Compose 預覽畫面。

你可以透過以下兩種方式存取這項工具:

  • 在任何可組合項中按一下滑鼠右鍵,然後依序前往「Gemini」>「Generate "<composable>" Preview」(生成「<可組合項>」預覽) 或「Generate Compose Previews for this file」(為這個檔案生成 Compose 預覽)

    從內容選單產生 Compose 預覽畫面

  • 如果尚未設定任何預覽畫面,請在空白的預覽畫面面板中,按一下「Auto-generate Compose Previews for this file」(為這個檔案自動產生 Compose 預覽畫面)

    從預覽面板生成 Compose 預覽

要求 Gemini 生成 Compose 預覽畫面時,系統會顯示差異檢視畫面,其中包含 Gemini 建議的 Compose 預覽程式碼,您可以接受或拒絕建議的變更。Gemini 的程式碼應能提供有價值的起點,加快開發工作流程。