XAML - Création d'interfaces graphiques

XAML signifie "Extensible Application Markup Language", dont langage à balise d'application extensible. C'est un format XML doté d'une sémantique adaptée à la description d'interface utilisateur graphique. Il a été créé par Microsoft et fonctionne sous environnement .NET.

Caractéristiques de XAML

• Le code XML est compilé en langage intermédiaire.
• Les éléments et propriétés de XAML ont un équivalent direct dans la bibliothèque de classe de .NET, sous forme de classes imbriquées et attributs.
• Utilise des graphismes vectoriels.
• Les propriétés de présentation font partie du langage (contrairement à XUL qui utilise les CSS). Plus simple à écrire mais rend l'évolution plus difficile.
• Possibilité d'utiliser les classes .NET à partir de XAML.
• Possibilité d'insérer du code C# avec la balise "code". (XUL utilise JavaScript).
• Les évènements (comme un clic de souris) sont des propriétés des balises et les balises sont des éléments de l'interface.

Pourquoi l'utiliser?

XAML facilite grandement la création, l'édition, la réutilisation d'interfaces utilisateur graphiques pour les applications locale ou Web.
Windows Vista utilise XAML pour la description de l'interface. Le plug-in Silverlight pour les interfaces Web utilise XAML.

Sites et outils

• Xaml.fr
  Le site français consacré à XAML avec la description de .NET, WPF, et tous les outils...
  Un plugin de Microsoft, silverlight, permet de faire tourner XAML sur tout navigateur.
• Tutoriel Silverlight
  Faire fonctionner XAML sur le Web avec Silverlight ou localement avec Expression Blend.
• Moonlight.
  La version open source de Silverlight fonctionnant sous Mono et Linux.
• Comparaisons
  Les langages d'interface utilisateur basés sur XML. Comparaison de XAML et XUL.
• United XAML (en)
  Alternative open source pour les outils de Microsoft.
• Télécharger Silverlight
  Obtenir le plug-in de Microsoft pour créer des interfaces Web en XAML..

Exemple de code

Afficher: Salut le Monde.

<Page xmlns="">
  <TextBlock>
     Salut, le Monde!
  </TextBlock>
</Page>
          

Dessine un bouton.

<button 
   Background="Gray" 
   FontSize="18pt" 
   Click="OnClick">
     Soumettre
</button>