XAMLPad

Mise à jour : novembre 2007

XamlPad (xamlpad.exe) est un éditeur graphique de base utilisé pour le langage XAML (Extensible Application Markup Language). XAMLPad est installé avec le Kit de développement logiciel et est accessible dans le menu Démarrer à l'emplacement Tous les programmes/Microsoft Windows SDK/Tools/XAMLPad.

Cette rubrique comprend les sections suivantes.

  • Fonctionnalités de XAMLPad
  • Utilisation de XamlPad pour tester du contenu XAML
  • Affichage de l'arborescence d'éléments visuels à l'aide de XamlPad
  • Rubriques connexes

Fonctionnalités de XAMLPad

XamlPad est un outil du Kit de développement logiciel (SDK) Windows qui fournit les fonctionnalités suivantes :

  • Modification et affichage en temps réel du contenu XAML.

  • Le balisage XAML est enregistré automatiquement dans le fichier XamlPad_save.xaml.

  • Les modes d'actualisation et d'analyse automatiques assurent la validation de la syntaxe XAML et le réaffichage du contenu.

  • Commandes d'édition de texte de base, dont notamment copier, coller et annuler. Fournit également la prise en charge de la recherche de chaînes simples. Affichage en rouge du contenu XAML non valide.

  • Les erreurs XAML sont signalées dans la barre d'état en bas à gauche de la fenêtre principale.

  • Le développement du contenu XAML sous la forme d'une arborescence graphique vous permet de visualiser les valeurs des propriétés du contenu.

  • Vous pouvez charger un fichier XAML existant dans XamlPad en passant le nom de fichier en tant qu'argument de ligne de commande (aucun élément Ouvrir ne figure dans le menu).

Remarque :

Parfois, un balisage incorrect peut empêcher XamlPad de charger le balisage si le balisage non valide est enregistré ; ainsi, il se peut que XamlPad soit incapable d'effectuer le chargement lors de tentatives ultérieures d'exécution. Pour résoudre ce problème, ouvrez le fichier XamlPad_save.xaml à l'aide d'un éditeur de texte brut, corrigez le balisage non valide et enregistrez le fichier. XamlPad devrait fonctionner comme prévu lorsqu'il sera exécuté de nouveau.

Utilisation de XamlPad pour tester du contenu XAML

XamlPad permet d'expérimenter simplement la création de contenu XAML, étant donné que les résultats du contenu sont affichés immédiatement. Par exemple, XamlPad est utile pour tester les fonctionnalités WPF, telles que les polices OpenType.

Test des polices OpenType avec XAMLPad

XamlPad affichant les fonctionnalités OpenType

Le mode d'analyse automatique vous permet de déceler des erreurs de syntaxe dès que vous entrez des données XAML. Dans le cas contraire, si l'analyse automatique n'est pas activée, vous ne verrez pas les erreurs tant que vous ne cliquerez pas sur le bouton Refresh. Vous pouvez activer et désactiver le mode d'analyse automatique en cliquant sur le bouton Auto Parse en haut de la fenêtre XamlPad.

Lorsqu'une erreur est décelée, tout le contenu XAML est affiché en rouge et les informations d'état en bas de XamlPad indiquent l'erreur de syntaxe spécifique. Un lien hypertexte à droit de l'erreur affichée vous permet d'accéder rapidement à la zone du contenu XAML qui contient l'erreur. Dans l'échantillon ci-dessous, la définition Label ne se termine pas comme elle devrait par l'expression de fermeture '>'.

XamlPad avec erreur de syntaxe

Erreur dans XamlPad

Affichage de l'arborescence d'éléments visuels à l'aide de XamlPad

L'analyse de la hiérarchie de l'arborescence d'éléments visuels à l'aide de XAMLPad peut vous fournir des indications sur la manière dont les modèles de contrôle s'étendent. Ces connaissances peuvent vous aider à comprendre les coûts de performances et les compromis liés à la conception de votre interface utilisateur. Pour afficher l'arborescence visuelle qui correspond à votre contenu XAML, cliquez sur le bouton Show Visual Tree dans la barre de menus. La capture d'écran ci-dessous montre le développement du contenu XAML en nœuds de l'arborescence visuelle dans le volet Visual Tree Explorer de XamlPad :

Volet Visual Tree Explorer dans XamlPad

Volet Explorateur de l'arborescence d'éléments visuels dans XamlPad

Cliquez sur un nœud pour développer sa hiérarchie. Notez la manière dont chaque contrôle Label, TextBox et Button affiche une hiérarchie d'objet visuel distincte dans le volet Visual Tree Explorer de XamlPad. Cela tient au fait que les contrôles WPF possèdent un ControlTemplate qui contient l'arborescence visuelle de ce contrôle. Lorsque vous référencez explicitement un contrôle, vous référencez implicitement sa hiérarchie visuelle. Pour plus d'informations sur les objets visuels et l'arborescence visuelle, consultez Vue d'ensemble du rendu graphique de Windows Presentation Foundation.

Affichage des propriétés d'un objet visuel

Vous pouvez afficher les paramètres de propriété d'un élément dans le volet Visual Tree Explorer en sélectionnant l'élément. Le volet Property Tree Explorer, sous le volet Visual Tree Explorer, affiche les paramètres de propriété actuels correspondant à l'objet visuel sélectionné. Dans ce cas, deux des classes dérivées du contrôle Label sont développées : ContentControl et Control. Vous pouvez continuer à développer d'autres classes dérivées, telles que FrameworkElement, pour afficher encore plus de propriétés.

Volet Property Tree Explorer dans XamlPad

Explorateur de l'arborescence des propriétés

Il est nécessaire de comprendre la manière dont votre application est représentée en ce qui concerne l'arborescence visuelle sous-jacente. WPF Visual Profiler, par exemple, présente les problèmes de performances dans le contexte d'une arborescence visuelle. Dans cette capture d'écran, la section CPU Usage de Visual Profiler vous donne un descriptif précis de l'utilisation d'un objet visuel des services WPF, tels que le rendu et la disposition.

Sortie d'affichage de Visual Profiler

Sortie du Générateur de profils Visual

Pour plus d'informations sur les outils d'analyse des performances WPF, consultez Outils de profilage des performances pour WPF.

Voir aussi

Tâches

Comment : utiliser des caractères spéciaux en XAML

Concepts

Vue d'ensemble du langage XAML