Utilisez le mode Design pour façonner l’apparence de votre application, écran par écran.
L’apparence de votre application compte autant que ce qu’elle fait. PixelGames est une Game Boy sur un téléphone : la coque crème, l’écran vert olive et les boutons épais sont tout l’intérêt du concept. Une mise en page d’application générique le ferait perdre.
1
Passer en mode Design
Passez en mode Design via le bouton en haut à gauche de votre workspace :
Le sélecteur Design et Build avec Design sélectionné dans le workspace PixelGames.
2
Décrivez ce que vous voulez à Agent
Décrivez le résultat souhaité et Agent s’occupe du reste. Demandez plusieurs versions à la fois pour trouver une direction.
3
Comparez les versions
Agent les dispose côte à côte sur le canevas, afin que vous les jugiez comme des écrans complets plutôt qu’un par un.
4
Choisissez-en un et voyez où l'emmener
Sélectionnez un design, puis utilisez les suggestions qui apparaissent à côté pour essayer d’autres variations.
Un design sélectionné, avec des suggestions d'étapes suivantes à côté.
5
Construisez la version que vous voulez
Une fois qu’une version vous convient, cliquez sur l’icône d’envoi dans la barre d’outils au-dessus. Agent retire ce design du canevas et le construit en un véritable écran dans votre application.
L'icône d'envoi transforme le design sélectionné en un véritable écran.
Le changement va plus loin que vous ne le vouliez : demandez à Agent de l’annuler et décrivez un changement plus petit, un écran ou un élément à la fois.
Ça a l’air correct dans l’aperçu, mais pas sur un téléphone : indiquez l’appareil et ce que vous avez observé, la gestion de la zone de sécurité et de la taille d’écran en sont généralement la cause.
Un changement est sans cesse annulé : la même valeur est peut-être définie à plusieurs endroits, demandez à Agent où réside réellement le style de cet écran.
