Présentation de XAML

Le langage XAML (Extensible Application Markup Language, prononcez « zammel »), est un langage de balisage basé sur XML développé par Microsoft. XAML est le langage qui se trouve derrière la présentation visuelle des applications que vous développez dans Microsoft Expression Blend, tout comme HTML constitue le langage à la base de la présentation visuelle d’une page Web. La création d’une application dans Expression Blend signifie l’écriture d’un code XAML, soit à la main, soit visuellement par le biais du mode Création d’Expression Blend.

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

Vous n’avez pas besoin de comprendre le langage XAML pour créer des applications dans Expression Blend si vous travaillez en mode Création. Pour plus d’informations, voir Modification de code XAML à l’aide du mode Conception dans Expression Blend dans la rubrique Modification de code XAML de ce Guide de l’utilisateur.

XAML en tant qu’égaliseur entre les applications de conception

Vous pouvez exporter des composants graphiques depuis Microsoft Expression Design 2 en tant que code XAML, puis importer ce code dans votre projet Expression Blend. Certaines autres applications de conception disposent d’outils capables de convertir des ressources graphiques en code XAML. Vous pouvez rechercher sur Internet des outils de conversion publiés sur des sites de confiance.

Pour plus d’informations sur l’importation de code XAML, voir les rubriques Importer du code XAML exporté depuis Expression Design et Importer des composants à partir d’Expression Design 2 dans ce Guide de l’utilisateur.

Vous pouvez également importer des projets Silverlight 1.0 créés à l’aide d’un modèle Silverlight pour coder un projet vidéo dans Microsoft Expression Encoder 2. En outre, vous pouvez modifier les modèles Silverlight fournis avec Expression Encoder 2 dans Expression Blend 2. Pour plus d’informations, voir Importer un site Silverlight 1.0 à partir d’Expression Encoder 2 et Modifier un modèle Silverlight pour Expression Encoder 2 dans Expression Blend.

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

XAML, Windows Presentation Foundation et Microsoft .NET Framework 3.5

XAML fait partie de Microsoft Windows Presentation Foundation (WPF). WPF représente la catégorie de fonctions dans Microsoft .NET Framework 3.5 qui traitent de la présentation visuelle d’applications basées sur Windows et d’applications clientes de type navigateur Web.

Les applications basées sur WPF peuvent s’exécuter sous Windows Vista, ou sous des versions antérieures de Windows, si Microsoft .NET Framework 3.5 (et Internet Explorer 7.0 dans le cas d’applications clientes de type navigateur Web) est installé. Pour plus d’informations sur la configuration requise des applications WPF, voir la rubrique Déployer et publier des applications Expression Blend dans ce Guide de l’utilisateur.

WPF utilise XAML afin d’élaborer des interfaces utilisateur (IU) visuellement saisissantes à partir du balisage au lieu d’un langage de programmation tel que C#. Vous pouvez créer et élaborer des documents d’interface utilisateur entièrement en code XAML, en définissant des éléments tels que des contrôles, du texte, des images, des formes, des animations, etc. Puisque le code XAML est déclaratif (comme HTML), il nécessite l’ajout de code supplémentaire si vous devez ajouter une logique d’exécution à votre application. Si, par exemple, votre application utilise uniquement du code XAML, vous pouvez créer et animer des éléments d’interface utilisateur, puis les configurer afin qu’ils répondent de manière limitée aux entrées de l’utilisateur (à l’aide de déclencheurs d’événements). Cependant, sans l’ajout de code, votre application ne peut effectuer de calculs, ni y répondre, ni créer de façon spontanée de nouveaux éléments d’interface utilisateur. Le code d’une application XAML est stocké dans un fichier distinct du document XAML. Cette séparation entre la conception de l’interface utilisateur et le code sous-jacent permet aux développeurs et concepteurs de collaborer plus étroitement sur un même projet sans retarder la progression de l’autre. Pour plus d’informations sur l’intégration de code dans votre application XAML à l’aide d’Expression Blend, voir la rubrique Modification de code et interopérabilité avec Visual Studio 2008 dans ce Guide de l’utilisateur.

Pour plus d’informations sur XAML et WPF, voir la page présentant une vue d’ensemble du code XAML sur MSDN ou visitez le Centre de développement de Windows Vista.

Présentation de WPF

Windows Presentation Foundation (WPF) est un sous-système de présentation unifié pour Windows, exposé via WinFX, le modèle de programmation de code managé pour Windows Vista, qui étend Microsoft .NET Framework. WPF est constitué d’un moteur d’affichage et d’une infrastructure de code managé. WPF unifie la manière dont Windows crée, affiche et manipule des documents, les médias et l’interface utilisateur (IU), ce qui permet aux développeurs et aux concepteurs de créer des expériences utilisateur incroyables et différentes sur le plan visuel.

WPF est basé sur du code managé mais utilise un langage de balisage, XAML (Extensible Application Markup Language), afin de faciliter considérablement la génération d’applications aux concepteurs. Les applications basées sur XAML prennent actuellement en charge C# et Microsoft Visual Basic .NET. Si vous écrivez une application WPF entièrement dans un code procédural, vous pouvez utiliser n’importe quel langage CLR (Common Language Runtime).

Pour plus d’informations sur WPF, voir la section Windows Presentation Foundation sur MSDN ou voir Ressources d’apprentissage et de la communauté dans ce Guide de l’utilisateur.

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

XAML et Silverlight 1.0

Dans les projets Microsoft Silverlight 1.0, XAML permet également de représenter la présentation visuelle de votre application. Toutefois, les projets Silverlight 1.0 n’utilisent pas WPF. Pour plus d’informations, voir Démarrage rapide avec Silverlight 1.0.

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

Relation entre XAML et les fichiers code-behind

Le code XAML pour tout document spécifique dans Expression Blend est stocké dans un fichier .xaml. S’il existe du code sous-jacent pour votre document XAML, celui-ci est stocké dans un fichier du même nom, avec l’extension supplémentaire .cs ou .vb. Si, par exemple, votre document XAML s’appelle Window1.xaml, le fichier code-behind s’appelle alors Window1.xaml.cs si le langage de programmation du code est C#.

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

Dans les projets Silverlight 1.0, le langage utilisé dans les fichiers code-behind est JavaScript. Pour plus d’informations, voir Démarrage rapide avec Silverlight 1.0.

Pour plus d’informations sur la création de documents XAML avec ou sans fichiers code-behind, voir la rubrique Créer un document ou un projet dans ce Guide de l’utilisateur.

Lorsque vous générez votre projet, l’analyseur WPF lit les fichiers .xaml de ce projet et crée un rapport concernant les erreurs rencontrées. De même, lorsque vous ouvrez un projet existant dans Expression Blend, l’analyseur XAML lit les fichiers .xaml inclus dans votre dossier de projet. Il tente ensuite d’analyser les éléments et d’afficher les documents sur la planche graphique en mode Création. Dans les deux cas, si l’analyseur rencontre des erreurs, la planche graphique est désactivée et Expression Blend affiche un message d’erreur avec un lien pour ouvrir le mode XAML. Ainsi, vous pouvez résoudre les erreurs. Les erreurs d’analyse figurent aussi dans l’onglet Erreurs du panneau Résultats. Pour plus d’informations, voir les rubriques Modification de code XAML, Gestion des erreurs et Déboguer des applications Expression Blend dans ce Guide de l’utilisateur. Pour plus d’informations sur la syntaxe des différents contrôles, sur MSDN, voir la bibliothèque des contrôles ou rechercher les éléments XAML dans la référence de la bibliothèque de classes.

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