Android Studio 中的 Gemini 具備獨特功能,可協助您使用 Jetpack Compose 並遵循 Android 最佳做法,將 Android 應用程式的 UI 願景付諸實現。本頁說明使用 Gemini 建立應用程式 UI 的一般步驟。如要進一步瞭解如何附加圖片,以及使用這項功能的其他方式,請參閱「在查詢中附加圖片」。
如要使用 Gemini 生成 UI,請按照下列一般步驟操作:
建立所需應用程式 UI 的模擬畫面。建議使用線框或基本設計。您可以從設計工具匯出 PNG,甚至使用手繪圖片。
按一下「附加圖片檔案」
,將圖片附加至查詢。
在對話欄位中,要求 Gemini 生成 UI 程式碼,例如「Generate Jetpack Compose code for the image provided.」(為提供的圖片生成 Jetpack Compose 程式碼)。提交查詢和圖片後,Gemini 會建議用來建立提議 UI 的程式碼。Gemini 通常也會提供 Compose 預覽的程式碼,因此您只要將程式碼匯入專案,就能快速查看 UI 畫面。如果沒有,請要求 Gemini生成 Compose 預覽畫面。
匯入程式碼後,您可以在預覽面板中看到 Compose 預覽畫面,直接點選預覽畫面並要求 Gemini 轉換,即可疊代 UI。