Création d'une esquisse de l'interface utilisateur

Vous pouvez créer une esquisse d'interface utilisateur en sélectionnant des éléments de dessin dans la palette d'esquisse et en les faisant glisser dans la zone de conception de l'esquisse. Vous pouvez ajouter des groupes ou des éléments réutilisables, appelés "parties", à l'esquisse. Vous pouvez également ajouter des images et des esquisses existantes à l'esquisse.
Pourquoi et quand exécuter cette tâche

(Pour visualiser une vidéo qui vous montre comment créer une esquisse, voir Création d'une esquisse d'interface utilisateur.)

Pour créer une esquisse d'interface utilisateur :
  1. Sélectionnez un projet et cliquez sur Fichier > Nouveau > Esquisse d'interface utilisateur.
  2. Dans la fenêtre Nouvelle esquisse d'interface utilisateur, entrez un nom pour l'esquisse.
  3. Naviguez vers un projet et un dossier pour la nouvelle esquisse.
  4. (Facultatif) Ajoutez une étiquette à la nouvelle esquisse.
  5. (Facultatif) Sélectionnez un modèle pour le contenu initial de la nouvelle esquisse.
  6. (Facultatif) Cliquez sur Suivant et sélectionnez les groupes d'attributs que vous souhaitez appliquer à l'esquisse.
  7. Cliquez sur Terminer. L'éditeur d'esquisses s'ouvre.
  8. Pour ajouter un élément de dessin à l'esquisse, sélectionnez l'élément dans la palette, puis cliquez sur une position dans la zone de conception de l'esquisse à attribuer à l'élément. Vous pouvez effectuer un "dimensionnement-glissement" en sélectionnant un élément dans la palette, puis en faisant glisser une dimension à lui affecter dans la zone de conception. Certains éléments, tels les zones de texte, sont étendus pour s'adapter à la taille dessinée. D'autres éléments, tels les intitulés et les zones de texte, sont copiés plusieurs fois pour remplir les dimensions.
  9. Cliquez avec le bouton droit de la souris sur un élément de la zone de conception pour accéder à un menu d'actions que vous pouvez effectuer sur l'élément, comme couper, copier, supprimer, modifier le texte ou modifier ses propriétés et son apparence.
  10. Pour ajouter une image, une partie ou une esquisse, faites-la glisser de l'Explorateur de projets vers l'éditeur ou ajoutez-la à partir de la palette. Lorsque vous ajoutez une image, une partie ou une esquisse à partir de la palette, la fenêtre Sélectionner s'ouvre. Dans cette fenêtre, recherchez et sélectionnez l'élément. Une instance de l'élément est créée dans l'esquisse. Vous pouvez modifier des parties et esquisses de manière globale ou locale dans l'esquisse en cours :
    • Pour modifier la partie ou l'esquisse originale, cliquez sur l'icône située au-dessus d'un élément sélectionné dans l'esquisse. La partie ou esquisse originale s'ouvre. Toutes les modifications apportées à la partie ou à l'esquisse, comme son contenu, format ou emplacement, sont reflétées dans toutes les instances de la partie ou de l'esquisse dans d'autres esquisses, à condition que l'élément original n'ait pas été écrasé dans une autre esquisse.
    • Vous pouvez modifier un élément dans l'instance locale de la partie ou de l'esquisse. Cette instance locale remplace l'élément hérité de cette esquisse. Par exemple, si votre esquisse comporte une partie qui affiche un menu, vous pouvez modifier le format d'une commande de ce menu pour en indiquer la sélection. La partie d'origine reste inchangée. Si vous souhaitez rétablir le contenu d'origine de l'élément, sélectionner l'élément et cliquez sur l'icône Rétablir les changements située au-dessus de l'élément.
  11. Cliquez sur Fichier > Sauvegarder.
Que faire ensuite

Vous pouvez créer une esquisse d'interface utilisateur à partir d'une esquisse de processus métier. Cliquez avec le bouton droit de la souris sur un élément du processus métier, puis sur Elaboration d'une nouvelle esquisse d'interface utilisateur. L'esquisse d'interface utilisateur est ajoutée en tant que lien pointant vers l'élément du processus.

Vous pouvez créer une esquisse d'interface utilisateur à partir d'un flux d'écran. Dans un élément générique, cliquez sur l'icône Nouvelle esquisse, ou cliquez avec le bouton droit de la souris sur l'élément et cliquez sur Associer > Nouvelle esquisse.

Vous pouvez ajouter votre esquisse d'interface utilisateur au cadre d'un storyboard en faisant glisser l'élément de l'esquisse de la palette vers l'éditeur de cadres du storyboard. Vous pouvez également l'ajouter à un flux d'écran en la faisant glisser vers un élément générique ou vers un emplacement quelconque de l'éditeur de flux d'écran.


Vos commentaires