Benutzeroberfläche für Transformationen

Mit Gemini können Sie UI-Code in der Compose-Vorschauumgebung mithilfe von natürlicher Sprache direkt in der Vorschau transformieren.

So transformieren Sie die Benutzeroberfläche mit Gemini:

  1. Klicken Sie im Vorschaufenster für das Erstellen mit der rechten Maustaste auf eine Vorschau und wählen Sie Benutzeroberfläche mit Gemini transformieren aus.

    „Benutzeroberfläche mit Gemini transformieren“ im Kontextmenü
    Auf das Menü „UI mit Gemini transformieren“ zugreifen

  2. Geben Sie Ihre Anfrage in natürlicher Sprache ein, z. B. „Diese Schaltflächen zentriert ausrichten“, um Gemini bei der Anpassung des Layouts oder der Formatierung zu unterstützen. Sie können auch bestimmte UI-Elemente in der Vorschau auswählen, um einen besseren Kontext zu liefern.

    Das modale Dialogfeld „Benutzeroberfläche mit Gemini transformieren“
    Transformation in natürlicher Sprache auf eine Compose-Vorschau anwenden

  3. Gemini erstellt einen Diff mit vorgeschlagenen Codeänderungen. Sie können die Änderungen prüfen und bei Bedarf weiter optimieren, bevor Sie sie genehmigen.

Versuche es mit Prompts wie:

  • „Füge mehr Abstand zwischen den Text ein.“
  • „Make the icons 10% larger“ (Mach die Symbole 10 % größer)
  • „Ändere die Hintergrundfarbe zu <color>.“