Modification de code XAML

  • Article

Bien que vous puissiez utiliser n'importe quel éditeur de texte pour modifier un document XAML (Extensible Application Markup Language), l'utilisation de Microsoft Expression Blend présente plusieurs avantages :

  • Dans Expression Blend, vous pouvez aisément générer et exécuter votre document XAML (F5), afin d’afficher les résultats de vos modifications.

  • Expression Blend met à jour les erreurs de syntaxe dans le panneau Résultats lors de l’enregistrement de votre fichier ou du basculement entre les modes Conception et XAML.

  • En mode XAML, les éléments XAML sont colorés, pour faciliter leur identification. Vous pouvez aussi utiliser la fonction Rechercher afin de rechercher du texte spécifique, ou bien utiliser la fonction Atteindre pour accéder à une ligne particulière.

  • En mode Conception, vous pouvez concevoir votre application visuellement et utiliser Expression Blend afin qu’il génère le code XAML à votre place. En outre, vous pouvez utiliser la fonction Afficher le code XAML pour accéder rapidement au code XAML de n’importe quel élément de votre document.

Cc294525.alert_note(FR-FR,Expression.30).gifRemarque :

Il est préférable de disposer d’une expérience préalable avec le code XAML avant de commencer à modifier des documents XAML dans un éditeur de texte ou en mode XAML dans Expression Blend. La modification directe du langage XAML risque d’entraîner des erreurs d’analyse dans votre application. Vous devrez alors les résoudre avant qu’Expression Blend puisse afficher correctement vos documents sur la planche graphique en mode Conception ou avant que vous puissiez générer et exécuter l’application.

En gardant cela à l’esprit, l’utilisation des modes Création et XAML peut constituer une méthode efficace pour apprendre les bases du langage XAML.
Cc294525.alert_note(FR-FR,Expression.30).gifRemarque :

Vous pouvez aussi modifier des documents XAML dans Microsoft Visual Studio 2008, à l'aide des mêmes fonctions que le mode XAML dans Expression Blend.

Modification de code XAML à l’aide du mode XAML dans Expression Blend

Vous pouvez utiliser le mode XAML dans Expression Blend, afin d’apporter des modifications au code XAML dans vos projets Expression Blend. Accédez au mode XAML en cliquant sur l’onglet XAML situé à droite de la planche graphique dans l’espace de travail Expression Blend. Les modifications apportées en mode XAML sont automatiquement mises à jour en mode Conception.

Onglet du mode XAML (avec l’onglet du mode Création masqué)

Cc294525.9c6c58bb-f156-4394-a4e2-dc30bfcb7369(FR-FR,Expression.30).png

En mode XAML, vous pouvez insérer du code pour de nouveaux éléments, ou vous pouvez sélectionner du code existant, le couper ou le copier, ou y coller du code, de la même manière qu’avec un programme de traitement de texte. L’image suivante illustre du texte sélectionné en mode XAML.

Texte sélectionné en mode XAML.

Cc294525.200569f5-655e-43de-bd34-f0799678fec1(FR-FR,Expression.30).png

En plus des tâches normales du Presse-papiers que vous pouvez effectuer en mode XAML, vous pouvez aussi atteindre des lignes spécifiques du code XAML ou rechercher et remplacer du texte, à l’aide des commandes Atteindre, Rechercher, Suivant et Remplacer du menu Edition. Pour plus d’informations, voir Rechercher et remplacer et Atteindre une ligne spécifique dans ce Guide de l’utilisateur.

Pour connaître la syntaxe des contrôles individuels, voir la rubrique Control Library (Bibliothèque de contrôles) sur MSDN ou recherchez des éléments et des attributs XAML dans la référence Class Library (Bibliothèque de classes) sur MSDN.

Modification de code XAML à l’aide du mode Conception dans Expression Blend

Lorsque vous travaillez en mode Conception, Expression Blend génère du code XAML à votre place. En mode Création, vous pouvez ajouter de nouveaux éléments à partir du panneau Outils, lier des données à ces éléments, leur appliquer un style, les animer, les configurer afin qu'ils répondent aux actions de l'utilisateur, etc. Expression Blend continue de mettre à jour le code XAML pour chaque partie de votre conception.

Accédez au mode Conception en sélectionnant l’onglet Conception, situé à droite de la planche graphique dans l’espace de travail Expression Blend. Les modifications apportées en mode Conception sont automatiquement mises à jour en mode XAML.

L’image suivante représente Expression Blend en mode Conception à gauche et en mode XAML à droite. Dans cette image, un rectangle a été ajouté au document en mode Création, et Expression Blend a généré le code XAML pour ce rectangle en mode XAML.

Cc294525.b5f7566b-7d9a-4cff-a898-53b96c3bba7c(FR-FR,Expression.30).png

Connexion entre le mode Création Mode Création et le mode XAML dans Expression Blend

Lorsque vous travaillez en mode Création, vous pouvez rapidement afficher le code XAML d'un élément spécifique en cliquant avec le bouton droit sur ce dernier dans la planche graphique ou dans le panneau Objets et chronologie, puis en cliquant sur Afficher le code XAML. Vous basculez alors automatiquement vers le mode XAML et le code XAML pour l’objet sélectionné apparaît en surbrillance.

Pour plus d'informations sur la création de votre application en mode Création dans Expression Blend, voir notamment les rubriques Organisation des objets, Dessin de formes et de tracés, Insertion d'objets 3D, plus toute rubrique connexe dans ce Guide de l'utilisateur.