Transformer l'UI

Vous pouvez utiliser Gemini pour transformer le code de l'UI dans l'environnement de prévisualisation Compose à l'aide du langage naturel directement dans la prévisualisation.

Pour transformer l'UI avec Gemini, procédez comme suit :

  1. Dans le panneau d'aperçu Compose, effectuez un clic droit sur un aperçu, puis sélectionnez Transformer l'UI avec Gemini.

    "Transformer l'UI avec Gemini" dans le menu contextuel
    Accéder au menu "Transformer l'UI avec Gemini"
  2. Saisissez votre requête en langage naturel, par exemple "Centre ces boutons", pour guider Gemini dans l'ajustement de votre mise en page ou de votre style. Vous pouvez également sélectionner des éléments d'interface utilisateur spécifiques dans l'aperçu pour obtenir un meilleur contexte.

    Boîte de dialogue modale "Transformer l'UI avec Gemini"
    Appliquer une transformation en langage naturel à un aperçu Compose
  3. Gemini produit un diff avec des suggestions de modifications du code. Vous pouvez examiner et affiner les modifications si nécessaire avant de les approuver.

Par exemple, vous pouvez nourrir votre réflexion à l'aide des phrases suivantes :

  • "Ajoute plus d'espace entre le texte"
  • "Agrandis les icônes de 10 %"
  • "Change la couleur d'arrière-plan en <couleur>"