Modification de code et interopérabilité avec Visual Studio 2008

  • Article

La modification de code peut sembler une tâche ardue aux personnes qui se consacrent à la conception. Microsoft Expression Blend a été conçu pour ces personnes. Vous pouvez créer des applications Windows Presentation Foundation ou Microsoft Silverlight 1.0 complètes en mode Création dans Expression Blend. Dans les projets Windows Presentation Foundation, vous pouvez également créer des ressources de style que vous pouvez réutiliser dans d’autres projets Expression Blend. En outre, vous pouvez importer des composants graphiques et du code XAML exportés à partir de Microsoft Expression Design 2, et importer des éléments Silverlight 1.0 générés par Microsoft Expression Encoder 2.

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éez un projet pour une application Windows Presentation Foundation (.exe) ou un contrôle utilisateur (.dll), chacun d’eux pouvant réutiliser la plupart des fonctionnalités de Windows Presentation Foundation (WPF) par défaut.

  • Créez un projet pour une application Silverlight 1.0.

  • Ajoutez 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.

  • Ajoutez 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.

  • Ajoutez des références à des contrôles personnalisés existants contenus dans des fichiers .dll (WPF et Silverlight 2 uniquement). 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 WPF personnalisé.

    Cc294780.alert_tip(fr-fr,Expression.10).gifConseil :

    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 utilisateur de la Bibliothèque de composants dans la boîte à outils.

  • Ajoutez un nouveau projet à une solution (WPF et Silverlight 2 uniquement). Vous pouvez ajouter ou lier des projets existants dans un projet WPF Expression Blend 2.

  • Ouvrez 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 JavaScript des projets Silverlight 1.0 s’ouvrent sur la planche graphique dans un éditeur JavaScript. 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 sous Fichiers 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 Microsoft Visual Studio 2008, si cette application est installée. Pour plus d’informations, voir Modifier un fichier code-behind.

  • Ouvrez un projet ou une solution Visual Studio 2008 pour une application WPF, un site Silverlight 1.0 ou une application Silverlight 2 et créez l’interface utilisateur.

  • Déboguez votre application en la générant (CTRL+Maj+B) ou en l’exécutant (F5), puis en résolvant tout message d’erreur que vous pourriez recevoir, dans le panneau Résultats.

Cc294780.7e183f1f-37d8-4dcb-980c-19a5d61ca087(fr-fr,Expression.10).gifHaut de la page

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

  • Définissez l’apparence (IU) de votre application en ajoutant et en transformant des éléments à partir de la boîte à outils, puis en les personnalisant à l’aide de pinceaux et d’autres propriétés du panneau Propriétés. Pour plus d’informations, voir Contrôles, Dessin de formes et de tracés, Disposition et Apparence.

  • Animez des éléments dans votre application. Pour plus d’informations, voir Animation.

  • Modifiez les chronologies de fichiers vidéo ou audio dans votre projet, une fois que vous les avez ajoutés à la planche graphique. Pour plus d’informations, voir Média.

  • Déclenchez 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 Déclencheurs et interactivité avec l’utilisateur (WPF uniquement) et Gestion des événements et interactivité utilisateur (WPF et Silverlight 2 uniquement).

  • Créez et concevez des contrôles utilisateur personnalisés (WPF et Silverlight 2 uniquement). 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 Essayez ! Créer un contrôle utilisateur WPF et Créer un contrôle à partir d’objets existants.

  • Personnalisez l’apparence d’un contrôle existant, puis appliquez le modèle de style obtenu à d’autres contrôles du même type (WPF et Silverlight 2 uniquement). Vous pouvez aussi ajouter une animation à un modèle de contrôle. Pour obtenir des exemples, voir les rubriques listées dans Styles simples.

  • Créez 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 une nouvelle ressource (WPF et Silverlight 2 uniquement). Pour obtenir un exemple, voir Créer une ressource pinceau ou de couleur.

  • Convertissez des éléments en boutons et ressources pinceau, ou convertissez des images en objets 3D, à l’aide des options du menu Outils (WPF uniquement). Pour obtenir des exemples, voir Créer un bouton à partir d’un objet et Convertir une image 2D en 3D.

  • Liez une propriété d’un élément à la valeur contenue dans une autre propriété (WPF uniquement). 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 Essayez ! Créer et appliquer un convertisseur de valeurs.

  • Liez 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) (WPF et Silverlight 2 uniquement). Pour obtenir un exemple d’utilisation d’une source de données XML, voir Essayez ! Créer un lecteur de News RSS.

  • Ajoutez 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 WPF personnalisé et Créer un bouton qui contrôle une table de montage séquentiel dans une application Silverlight.

Cc294780.7e183f1f-37d8-4dcb-980c-19a5d61ca087(fr-fr,Expression.10).gifHaut de la page

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

  • Définissez 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. Pour obtenir la liste des événements, voir Référence rapide des événements WPF. 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.

    Cc294780.alert_note(fr-fr,Expression.10).gifRemarque :

    Toutes les interactions de l’utilisateur dans une application Silverlight 1.0 sont réalisées à partir de gestionnaires d’événements JavaScript. Pour obtenir un exemple, voir Créer un bouton qui contrôle une table de montage séquentiel dans une application Silverlight.

  • Personnalisez le comportement des contrôles existants ou créez 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 WPF personnalisé.

  • Chargez des données (WPF et Silverlight 2 uniquement), telles que des données Microsoft SQL Server, dans une table de données et convertissez-les en un objet de données CLR utilisable dans Expression Blend. Pour obtenir un exemple, voir Essayez ! Créer une source de données d’objet CLR.

  • Créez un convertisseur de valeurs (WPF et Silverlight 2 uniquement) pour ajouter une logique personnalisée à une liaison de données (WPF uniquement). 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 ! Créer et appliquer un convertisseur de valeurs.

Cc294780.7e183f1f-37d8-4dcb-980c-19a5d61ca087(fr-fr,Expression.10).gifHaut de la page

Que pouvez-vous effectuer uniquement dans Visual Studio 2008 ?

  • Déboguez votre application en l’analysant ligne par ligne, pendant son exécution. Pour plus d’informations, voir Débogage d’applications Expression Blend dans Visual Studio 2008.

  • Modifiez des fichiers de code. Si vous double-cliquez sur un fichier de code dans le panneau Projets d’Expression Blend, le fichier s’ouvre dans Visual Studio 2008, si cette application est installée. Pour plus d’informations, voir Modifier un fichier code-behind.

    Cc294780.alert_tip(fr-fr,Expression.10).gifConseil :

    Pour modifier un fichier de code, il est plus pratique d’ouvrir votre projet dans Visual Studio 2008 que d’ouvrir simplement le fichier de code. Lorsque vous ouvrez un projet dans Visual Studio 2008, vous pouvez utiliser la fonction IntelliSense qui permet de compléter certains mots lorsque vous les tapez. Par exemple, créez un projet dans Expression Blend 2, enregistrez-le, puis ouvrez-le dans Visual Studio 2008. Ouvrez le fichier Window1.xaml.cs, placez votre curseur au début de la ligne vierge après this.InitializeComponent();, puis tapez LayoutRoot. Une liste déroulante s’affiche en vous montrant tout ce que vous pouvez taper sur cette ligne. Si vous ajoutez un point après LayoutRoot, cette liste est remplacée par une liste de toutes les propriétés et méthodes disponibles de l’élément LayoutRoot dans votre fichier Window1.xaml.

  • Ajoutez une référence à un fichier projet ou une API COM contenant des contrôles WPF. Expression Blend prend en charge les références à un fichier projet (par exemple un fichier .csproj) et les traite comme des références à des fichiers .dll ou .exe.

Cc294780.7e183f1f-37d8-4dcb-980c-19a5d61ca087(fr-fr,Expression.10).gifHaut de la page

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 dans Visual Studio 2008, si cette application est installée. 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 Cc294780.6c67bb3b-e8a2-4a63-bad5-54d5c15b04dd(fr-fr,Expression.10).png du panneau Propriétés (WPF et Silverlight 2 uniquement).

    Cc294780.alert_note(fr-fr,Expression.10).gifRemarque :

    Lorsque vous créez un projet Silverlight 1.0, Expression Blend 2 génère un exemple de méthode de gestionnaire d’événements MouseLeftButtonDown dans le fichier Page.xaml.js. Pour obtenir un exemple illustrant la façon de modifier cette méthode de gestionnaire d’événements, voir Créer un bouton qui contrôle une table de montage séquentiel dans une application Silverlight.

    Expression Blend copie le code initial de la méthode dans le Presse-papiers. Si Visual Studio 2008 est installé, Expression Blend ouvre automatiquement votre projet dans Visual Studio 2008 et colle la méthode dans votre fichier code-behind. Sinon, vous pouvez ouvrir le fichier manuellement et y coller le code. Ajoutez ensuite une logique de programmation au sein de la méthode du gestionnaire d’événements ou envoyez le fichier de code à quiconque doit ajouter la logique de programmation. Pour plus d’informations, voir Gestion des événements et interactivité utilisateur.

    Cc294780.alert_tip(fr-fr,Expression.10).gifConseil :

    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.
    Cc294780.alert_tip(fr-fr,Expression.10).gifConseil :

    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 Visual SourceSafe. 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. Vous pouvez empêcher d’autres personnes d’extraire des fichiers lorsque vous les modifiez, ou bien configurer le système de contrôle de code source pour fusionner les modifications apportées par plusieurs personnes à un même fichier. Visual SourceSafe est intégré à Visual Studio, afin que vous puissiez extraire un fichier en l’ouvrant dans Visual Studio. Pour plus d’informations, voir la section Visual SourceSafe sur MSDN.

Cc294780.7e183f1f-37d8-4dcb-980c-19a5d61ca087(fr-fr,Expression.10).gifHaut de la page

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é. Ces ressources contiennent un lien vers le groupe de discussion. Pour obtenir de l’aide sur l’écriture de code JavaScript dans des projets Silverlight 1.0, voir le centre de formation Silverlight. Voir également Ressources d’apprentissage et de la communauté.

Cc294780.7e183f1f-37d8-4dcb-980c-19a5d61ca087(fr-fr,Expression.10).gifHaut de la page