Création visuelle et écriture de code XAML et d'instructions

La modification de langage XAML ou de code peut sembler une tâche ardue aux personnes qui se consacrent à la conception. Microsoft Expression Blend a été conçu pour ces créatifs. Vous pouvez créer des applications Windows Presentation Foundation (WPF) ou Microsoft Silverlight complètes dans le mode Création de Expression Blend. En outre, vous pouvez importer des composants graphiques et du code XAML exportés à partir de Microsoft Expression Design et importer des éléments Silverlight générés par Microsoft Expression Encoder.

Expression Blend a été également conçu pour prendre en charge le développement en équipe. Les équipes logicielles sont souvent composées de concepteurs qui imaginent l’interface utilisateur et de programmeurs qui écrivent le code exécuté derrière cette interface. Pour cette raison, Expression Blend contient des fonctions destinées à générer une quantité minimale de code pouvant être fournie aux développeurs, ainsi que des fonctions qui vous permettent d'intervenir dans du code existant, telles que des gestionnaires d'événements ou des contrôles personnalisés qui peuvent être utilisés comme des contrôles existants.

Quelles tâches de projet pouvez-vous effectuer dans Expression Blend ?

• Créer une solution qui contient un projet pour une application WPF (.exe), une application Silverlight (.exe), une application Silverlight avec un site Web associé, ou une bibliothèque de contrôles (.dll).

• Ajouter un nouveau fichier XAML (Extensible Application Markup Language) (et le fichier code-behind correspondant) pour créer une fenêtre de niveau supérieur dans votre application, un contrôle utilisateur, une page sur laquelle vous pouvez naviguer au sein de votre application ou un dictionnaire de ressources pouvant contenir des styles réutilisables, des modèles de contrôle, des ressources pinceau, etc.

• Ajouter des fichiers existants à votre projet ou une liaison vers des fichiers existants tels que des fichiers images, XML, vidéo, audio, de licence, XAML ou de code.

• Ajouter des références à des contrôles personnalisés existants contenus dans des fichiers .dll. Des contrôles personnalisés peuvent également être contenus dans des fichiers de code source existants (.vb ou .cs). Une fois que vous avez ajouté un contrôle personnalisé à votre projet Expression Blend, vous pouvez l'utiliser de la même manière que les contrôles fournis avec Expression Blend.

  Pour obtenir un exemple de contrôle personnalisé contenu dans un fichier .cs, voir Essayez ! Créer un contrôle avec des propriétés personnalisées.

  Conseil :
  Lorsque vous ajoutez des fichiers de code source contenant des contrôles personnalisés à un projet Expression Blend, vous devez générer le projet avant de pouvoir afficher les contrôles sous l'onglet Contrôles du panneau Outils.

• Ajouter un projet à une solution. Vous pouvez ajouter ou lier des projets existants dans un projet WPF Expression Blend.

• Ouvrir n'importe quel fichier qui se trouve dans votre projet. Les fichiers XAML s’ouvrent sur la planche graphique pour être modifiés, les fichiers image peuvent être insérés dans le document actif, et les fichiers audio et vidéo s’ouvrent dans la chronologie d’animation. Les fichiers code-behind s'ouvrent sur la planche graphique dans un éditeur de texte. Tous les fichiers peuvent s’ouvrir dans un éditeur externe mappé au type de fichier. Si, par exemple, vous double-cliquez sur un fichier .xml dans le panneau Projet d'Expression Blend, ce fichier s'ouvre généralement dans le Bloc-notes. Les fichiers de code s'ouvrent dans l'éditeur de texte d'Expression Blend, mais vous pouvez facultativement les ouvrir dans Microsoft Visual Studio 2008 s'il est installé.

  Pour plus d'informations, voir Modifier un fichier code-behind.

• Ouvrir un projet ou une solution Visual Studio 2008 pour une application WPF ou Silverlight et créer l'interface utilisateur.

• Déboguer votre application en la générant (Ctrl+Maj+B) ou en l'exécutant (F5), puis en résolvant les messages d'erreur que vous pourriez recevoir, dans le panneau Résultats.

• Ajouter des fichiers de code pour des classes personnalisées que vous pouvez instancier dans votre application.

  Pour obtenir un exemple, voir Essayez ! Créer un contrôle avec des propriétés personnalisées.

• Modifier des fichiers de code. Si vous double-cliquez sur un fichier de code dans le panneau Projets d'Expression Blend, le fichier s'ouvre sur la planche graphique dans un éditeur de texte qui comprend une fonctionnalité « rechercher et remplacer » et IntelliSense.

  Pour plus d'informations, voir Modifier un fichier code-behind.

Que pouvez-vous créer dans Expression Blend sans utiliser de code ?

• Définir l'apparence (IU) de votre application en ajoutant et en transformant des éléments à partir de la boîte à outils, puis en leur appliquant un style à l'aide de pinceaux et d'autres propriétés du panneau Propriétés.

  Pour plus d’informations, voir les rubriques suivantes :

  • Sélection et utilisation de contrôles interactifs

  • Dessin de formes et de tracés

  • Organisation des objets

  • Définition de couleurs, de pinceaux et de masques

• Animer des éléments dans votre application.

  Pour plus d'informations, voir Animation d'objets.

• Modifier les chronologies de fichiers vidéo ou audio dans votre projet une fois que vous les avez ajoutées à la planche graphique.

  Pour plus d'informations, voir Insertion d'images et de créations et Insertion audio et vidéo.

• Déclencher des chronologies d'animation, des fichiers audio et des fichiers vidéo à partir d'actions de l'utilisateur, par exemple un clic sur un bouton ou le déplacement du pointeur sur un élément.

  Pour plus d'informations, voir Écriture de code de gestion des événements.

• Ajouter de l'interactivité à votre application en utilisant les comportements qui sont disponibles dans le panneau Composants. Les comportements sont des portions génériques de code pré-établi que vous pouvez faire glisser sur n'importe quel objet puis ajuster en modifiant leurs propriétés.

  Pour plus d'informations, voir Ajout de comportements aux objets.

• Créer et concevoir des contrôles utilisateur personnalisés. Un contrôle utilisateur est un type de projet que vous pouvez créer dans Expression Blend. Les contrôles utilisateur peuvent être utilisés comme les contrôles personnalisés qui sont développés dans Visual Studio 2008.

  Pour obtenir un exemple, voir Créer un contrôle utilisateur vide et Créer un contrôle utilisateur à partir d'objets existants.

• Personnaliser l'apparence d'un contrôle existant, puis appliquer le modèle de style obtenu à d'autres contrôles du même type. Vous pouvez aussi ajouter une animation à un modèle de contrôle.

  Pour obtenir des exemples, voir les rubriques répertoriées dans les sections Conseils d'utilisation des styles simples WPF et Conseils de conception de styles pour les contrôles Silverlight courants.

• Créer d'autres ressources réutilisables, telles que des ressources pinceau, en cliquant sur le nom d'une propriété dans le panneau Propriétés, puis en cliquant sur Convertir en nouvelle ressource.

  Pour obtenir un exemple, voir Créer une ressource pinceau ou de couleur.

• Convertir des éléments en boutons et ressources pinceau, ou convertir des images en objets 3D, à l'aide des options du menu Outils.

  Pour obtenir des exemples, voir Créer un contrôle à partir d’objets existants et Convertir une image 2D en 3D.

• Lier une propriété d'un élément à la valeur contenue dans une autre propriété. Cette liaison est très utile dans de nombreux cas : elle permet d’adapter la largeur d’un élément à une barre de curseur, par exemple.

  Pour obtenir un exemple, voir Lier un objet à la saisie utilisateur ou à d'autres valeurs internes.

• Lier une propriété d'un élément à une source de données, telle qu'un fichier XML (WPF uniquement) ou un objet CLR (Common Language Runtime) ou un exemple de données que vous générez à l'aide des outils disponibles dans le panneau Données.

  Pour plus d'informations, voir Affichage de données.

Que pouvez-vous effectuer uniquement à l’aide de code ?

• Définir un comportement plus complexe dans les gestionnaires d'événements lorsque l'utilisateur interagit avec des éléments de l'interface dans votre application. Vous pouvez programmer des gestionnaires d’événements pour répondre à l’activation de touches, à des actions de souris, etc. Ceux-ci diffèrent des déclencheurs d'événements pour les animations, les médias et la vidéo. Les gestionnaires d’événements vous permettent, par exemple, d’utiliser des équations mathématiques afin de programmer le comportement de votre application.

  Pour obtenir un exemple, voir Créer une nouvelle méthode de gestionnaire d’événements.

  Pour obtenir une liste des événements, voir les liens dans Référence des contrôles, des propriétés et des événements.

• Personnaliser le comportement des contrôles existants ou créer des contrôles personnalisés.

  Pour obtenir un exemple de contrôle personnalisé basé sur un contrôle WPF Button, voir Essayez ! Créer un contrôle avec des propriétés personnalisées.

• Charger des données, telles que des données Microsoft SQL Server, dans une table de données et les convertir en un objet de données CLR utilisable dans Expression Blend.

  Pour obtenir un exemple, voir Essayez ! Afficher les données d'une base de données exemple SQL.

• Créer un convertisseur de valeurs pour ajouter une logique personnalisée à une liaison de données. Vous pourrez ainsi lier une propriété d’un élément à une propriété d’un type de données incompatible.

  Pour obtenir un exemple, voir Essayez ! Convertir des données d'un type vers un autre.

Que pouvez-vous effectuer uniquement dans Visual Studio 2008 ?

• Déboguer votre application en l'analysant ligne par ligne pendant son exécution.

  Conseil :
  Le même fichier projet peut être ouvert dans Expression Blend et Visual Studio 2008 en même temps, sur le même ordinateur. Lorsque vous enregistrez une modification de fichier dans un système puis basculez vers l’autre système, vous recevez une notification qui vous demande si vous voulez recharger le fichier.

  Pour plus d'informations, voir Débogage d’applications Expression Blend dans Visual Studio 2008.

Comment le produit Expression Blend vous permet-il d’ajouter du code ?

• Expression Blend crée en option un fichier code-behind pour tout fichier XAML que vous créez à l'aide de l'Assistant Ajouter un nouvel élément. Si vous double-cliquez sur un fichier de code dans le panneau Projets d'Expression Blend, le fichier s'ouvre sur la planche graphique dans un éditeur de texte qui comprend une fonctionnalité « rechercher et remplacer » et IntelliSense.

  Pour plus d'informations, voir Modifier un fichier code-behind.

• Expression Blend génère du code pour une méthode de gestionnaires d'événements vide lorsque vous double-cliquez sur un événement dans l'affichage Événements du panneau Propriétés.

  Pour plus d'informations, voir Écriture de code de gestion des événements.

  Conseil :

  Si plusieurs personnes doivent travailler en même temps sur le même projet, nous vous recommandons d'utiliser un système de contrôle de code source tel que Microsoft Team Foundation. Le système de contrôle des sources gère un référentiel centralisé des fichiers de projets que vous pouvez extraire et modifier localement sur votre ordinateur. Pour plus d'informations, voir Manipulation du contrôle de source Team Foundation.

Où obtenir de l’aide pour créer du code ?

Si vous avez besoin d'aide pour écrire du code pour votre application Expression Blend, vous pouvez utiliser l'une des ressources répertoriées dans Ressources d’apprentissage et de la communauté. Elles comprennent des liens vers forums de discussion, des didacticiels et d'autres ressources.