在 Android Studio 內建 Gemini 中,為查詢附加圖片,以便更好地瞭解應用程式的架構並加快 UI 開發過程。
如要在提示中附加圖片,請按一下「附加圖片檔案」
並上傳圖片。
以下列舉幾個 Gemini 可以幫忙的例子:
如果你有想要的 UI 模擬圖,Gemini 可以提供建立該 UI 的程式碼。舉例來說,如果提供「Now in Android」應用程式的螢幕截圖給 Gemini,Gemini 就能提供建立該應用程式的 Compose 程式碼。這個範例顯示應用程式動態消息的螢幕截圖 (左側),以及 Gemini 為該 UI 生成的 Jetpack Compose 程式碼 (右側)。詳情請參閱「使用圖片附件生成 UI」。
Gemini 會根據 Now in Android 應用程式的 UI 螢幕截圖,生成 Jetpack Compose 程式碼。 如要瞭解應用程式的建構方式,Gemini 可以說明 UI 的運作方式,包括其元件部分。舉例來說,你可以要求 Gemini 說明其他 Now in Android 螢幕截圖背後的可組合函式和資料流程。左圖顯示了包含新聞條目的詳細資訊螢幕,右圖顯示了 Gemini 對該螢幕的 Compose 結構和資料流的解釋。
Gemini 會說明特定應用程式畫面的 UI 組成和資料流程。 如果您有應用程式架構圖,Gemini 可以根據該圖建議程式碼來建立應用程式,成為全端開發助理。Gemini 也能協助記錄圖表,並說明應用程式的建構方式,方便您撰寫設計文件,供團隊成員審查。舉例來說,下圖顯示簡化的架構圖,描繪 UI、ViewModel、存放區和資料來源等各種應用程式元件之間的資料流程。
Gemini 可以根據應用程式架構圖生成程式碼和說明文件。 如果發現 UI 錯誤,請擷取螢幕截圖,並請 Gemini 集思廣益,找出解決方案。你可以圈出有錯誤的區域,協助我們找出問題。以下範例顯示行動應用程式的螢幕截圖,其中以紅色圓圈標示 UI 元素未對齊的位置。
Gemini 可以根據螢幕截圖幫助集思廣益,找到 UI 錯誤解決方案。