Conception d'applications dans Blend (XAML)

Les applications de Windows Store peuvent utiliser deux types différents de balisage : Extensible Application Markup Language ou XAML (prononcé « zammel »), un langage de balisage XML développé par Microsoft, ou Hypertext Markup Language ou HTML, le langage de balisage couramment utilisé pour structurer des pages sur le Web. Conjointement avec HTML, les feuilles de style en cascade (CSS) fournissent des styles pour les pages HTML.

Pour plus d'informations sur la création d'applications en HTML, consultez Conception d'applications dans Blend (HTML).

Applications du Windows Store et XAML

Lorsque vous choisissez de développer des applications Windows Store à l’aide du langage XAML, vous pouvez générer des interfaces utilisateur (IU) visuellement surprenantes grâce au 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. Étant donné que 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 les spécifications des applications WPF, consultez Empaquetage de votre application à l’aide de Visual Studio 2012.

Pour plus d’informations sur le langage XAML et le Développement d'applications Windows Store, consultez la rubrique Vue d’ensemble du langage XAML sur le site du Centre de développement Windows.

Relation entre XAML et les fichiers code-behind

Le code XAML pour tout document spécifique dans 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, .vb, cpp ou js. Si, par exemple, votre document XAML s’appelle MainPage.xaml, le fichier code-behind s’appelle alors MainPage.xaml.cs si le langage de programmation du code est C#.

Pour plus d'informations sur la création de documents XAML avec ou sans fichiers code-behind, voir Créer un projet (Blend pour Visual Studio).

Lorsque vous générez votre projet, l’analyseur XAML 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 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 Blend affiche un message d'erreur avec un lien pour ouvrir le mode Code. 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, consultez les rubriques suivantes :

• Modification du code source (Blend pour Visual Studio)

• Gestion des erreurs dans le code (Blend pour Visual Studio)

• Débogage et test des applications du Windows Store