Pour afficher l’article en anglais, activez la case d’option Anglais. Vous pouvez aussi afficher la version anglaise dans une fenêtre contextuelle en faisant glisser le pointeur de la souris sur le texte.
Traduction
Anglais

Créer du contenu sur la planche graphique

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.

Lorsque vous travaillez sur des écrans individuels, vous pouvez recourir à tous les outils de dessin vectoriel disponibles dans 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 Windows Presentation Foundation (WPF) et Microsoft Silverlight.

c5da9dd8-4356-4803-aab0-64635bf9866b
B1_1

Planche graphique

B1_2

Panneau Carte SketchFlow

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 :

    • Créer un écran

    • Créer un écran de composants

    Remarque 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é.

Dans 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ôle 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 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 Utilisation d'objets et de propriétés dans Blend.

Un contrôle est un type d'objet qui permet l'interaction ou l'entrée de l'utilisateur. Blend contient une liste complète de contrôles que vous pouvez utiliser pour créer votre WPF et vos prototypes 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é.

Pour plus d’informations sur l’utilisation des contrôles dans Blend, voir Insérer des contrôles et modifier leur comportement dans Blend.

Les animations SketchFlow peuvent être utilisées dans les prototypes SketchFlow afin d'aider les réviseurs à visualiser les différents états dans lesquels une interface utilisateur peut se trouver. Elles peuvent être utilisées pour montrer comment l'interaction avec l'écran peut se présenter. 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é.

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. Blend fournit un certain nombre de comportements intégrés, mais il est possible d’ajouter des comportements personnalisés. Un développeur peut fournir un comportement personnalisé, qu’un concepteur peut ensuite facilement appliquer à un élément de conception sur la planche graphique.

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

Si votre souris comporte une molette, vous pouvez effectuer un zoom avant et arrière 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.

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, consultez Annoter un document dans Blend.

Afficher: