Premier Programme XAML

On débutera le tutoriel avec un exemple simple qui affiche le classique "Salut le Monde!".
Vous avez déja créé un projet Silverlight selon le chapitre précédent, vous disposez d'une page HTML, mapage.html, et des fichiers nécessaires dans le répertoire de votre projet.

1) Créer un canevas

Le contenu XAML s'insère à l'intérieur des balises Canvas sous environnement Silverlight:

<Canvas  
  xmlns="http://schemas.microsoft.com/client/2007" 
  xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml">      
</Canvas>    

2) Ajouter un bloc de texte

La balise TextBlock permet de placer un texte dans le canevas:

<TextBlock>
  Salut le Monde! 
</TextBlock>

3) Définir les attributs

Vous pouvez choisir la police, la taille, la couleur et autres attributs du texte.

<TextBlock
 FontFamily="Verdana"
 FontSize="30" >
  Salut le Monde!
</TextBlock>

4) Le code XAML complet

<Canvas  
  xmlns="http://schemas.microsoft.com/client/2007" 
  xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml">      

 <TextBlock
   FontFamily="Verdana"
   FontSize="30" >
     Salut le Monde!
 </TextBlock>
</Canvas>      

5) Afficher la page

Vous pouvez maintenant afficher la page mapage.html avec un navigateur, Internet Explorer, Firefox ou autre.