créer du contenu sur la planche graphique

L'espace SketchFlow est en grande partie identique à l'espace de travail Microsoft Expression Blend. La planche graphique Expression Blend propose une vue des écrans individuels dans laquelle vous pouvez dessiner à l'aide des outils de dessins de Expression Blend, importer des images à partir d'Adobe Photoshop et utiliser la gamme complète de contrôles disponibles dans Expression Blend pour Windows Presentation Foundation (WPF) et Microsoft Silverlight. Vous pouvez également recourir à l'animation pour afficher les différents états visuels d'un élément particulier ou pour représenter l'interaction avec les éléments affichés sur l'écran.

Vous ajoutez de nouveaux écrans à un projet de prototype dans le panneau Carte SketchFlow, puis vous créez le contenu sur la planche graphique dans la fenêtre Création.

	Planche graphique
	Panneau Carte SketchFlow

Lorsque vous travaillez sur des écrans individuels, vous pouvez recourir à tous les outils de dessin vectoriel disponibles dans Expression Blend, ou vous pouvez importer des fichiers à partir de Photoshop en conservant les calques, les masques vectoriels et le texte, si vous le souhaitez. Vous pouvez également utiliser des images de contrôles d'interface utilisateur dans le prototype et créer des composants réutilisables à la volée. Vous avez en outre accès à la gamme complète des contrôles d'interface utilisateur réels pour WPF et Silverlight.

Pour créer un nouvel écran non connecté

1. Cliquez avec le bouton droit n'importe où dans le panneau Carte SketchFlow, puis cliquez sur l'une des options suivantes :

   • Ajouter un écran de navigation

   • Ajouter un écran de composants

   Remarque :
   Pour connecter le nouvel écran à un écran existant, cliquez sur le nouvel écran, puis faites-le glisser vers l'écran auquel vous souhaitez le connecter.

2. Pour dessiner sur le nouvel écran, double-cliquez sur le nœud dans le panneau Carte SketchFlow afin de sélectionner l'onglet du document associé.

Pour plus d'informations sur la création de nouveaux écrans et sur l'utilisation du panneau Carte SketchFlow, voir créer d'un flux d'application.

Objets

Dans Expression Blend, un objet est tout ce que vous pouvez placer sur la planche graphique. Par exemple, une fois que vous avez ajouté un élément visuel sur la planche graphique, il devient un objet dans votre application.

Vous pouvez ajouter un objet à la planche graphique en sélectionnant un outil dans le panneau Outils ou dans le panneau Composants, ou en sélectionnant un contrôlé stylisé ou personnalisé dans le panneau Composants. Vous pouvez également faire glisser un contrôle stylisé ou des ressources du panneau Ressources vers un objet existant sur la planche graphique pour appliquer la ressource à l'une des propriétés de l'objet. Vous pouvez par ailleurs faire glisser des images, des fichiers audio et vidéo, ainsi que d'autres médias, directement de l'explorateur Windows dans Expression Blend, ou copier des images à partir d'autres applications et les coller directement sur la planche graphique.

Pour plus d’informations sur l'utilisation des objets, voir Utiliser des objets et des contrôles.

Contrôles

Un contrôle est un type d'objet qui permet l'interaction ou l'entrée utilisateur. Expression Blend fournit une liste complète des contrôles disponibles pour la conception de prototypes WPF et Silverlight.

Si les éléments d'interface utilisateur sont trop travaillés, les réviseurs risquent de se concentrer sur l'apparence d'une application aux dépends de la conception interactive. De ce fait, SketchFlow propose également un jeu de styles permettant de donner aux contrôles standard une apparence de type croquis tout en maintenant leur fonctionnalité. Dans le panneau Composants, cliquez sur Styles.

Pour plus d’informations sur l'utilisation des contrôles dans Expression Blend, voir Sélection et utilisation de contrôles interactifs.

Animation SketchFlow

L'animation SketchFlow peut être utilisée dans les prototypes SketchFlow pour aider les réviseurs à visualiser les différents états que peut présenter une interface utilisateur. Grâce à l'animation, il est possible d'évaluer l'interaction possible avec l'écran ou de produire différentes variantes de conception pour un écran donné.

Pour plus d’informations sur l'utilisation de l'animation SketchFlow, voir Ajouter de l'interactivité.

Comportements

Expression Blend propose des blocs de code réutilisables, appelés comportements, qui permettent d'appliquer de l'interactivité de qualité production à tout élément de conception figurant sur la planche de travail sans écrire de code. Expression Blend fournit un certain nombre de comportements intégrés, mais il est possible d'ajouter des comportements personnalisés. Un développeur peut créer un comportement intégré, qu'un concepteur peut ensuite appliquer à un élément de conception sur la planche graphique.

Pour plus d’informations sur l'utilisation des comportements dans Expression Blend, voir Ajouter de l'interactivité.

Zoom et panoramique

Si votre souris comporte une molette, vous pouvez effectuer un zoom avant sur la planche graphique en appuyant sur Ctrl tout en faisant tourner la molette de la souris.

Vous pouvez également faire glisser la planche graphique et tous les éléments qu'elle contient en appuyant sur Espace tout en faisant glisser la planche. Par ailleurs, vous pouvez faire glisser le diagramme du flux d'application vers n'importe quel emplacement de la fenêtre en appuyant sur Espace tout en faisant glisser le diagramme.

Annotations

Sur la planche graphique, vous pouvez non seulement créer et modifier des objets et des contrôles, mais également insérer des commentaires à l'aide de la fonctionnalité d'annotations. Vous pouvez également associer des annotations directement à des objets affichés sur l'écran. Les annotations insérées en phase de conception sont visibles lors de l'ouverture d'un projet SketchFlow dans Microsoft Visual Studio.

Pour plus d’informations, voir Annoter un document.