Hello World en WPF

Le premier et très classique exemple dans plutôt pas mal de tutoriels de programmation est l'exemple du "Hello, world!" ("Bonjour le monde !" littéralement), mais dans ce tutoriel nous somme dingue et allons le changer en "Hello, WPF!" à la place. Le but est simplement d'avoir ce bout de texte sur l'écran, pour vous montrer combien c'est facile de commencer.

Le reste du tutoriel assume que vous avez un IDE installé, préférablement Visual Studio ou Visual Studio Express (voir l'article précédent qui contient les instructions pour l'obtenir). Si vous utilisez un autre produit, vous devrez adapter les instructions à votre produit.

Dans Visual Studio, commencez par sélectionner New project du menu File. Sur la gauche, vous devriez avoir un arbre des catégories. Ce tutoriel se concentrera sur le C# à chaque fois que du code sera impliqué, donc vous devez sélectionner ce langage dans la liste des templates, et tant que nous créerons des applications Windows, vous devrez sélectionner Windows dans l'arbre. Ça vous donnera la liste des possibilités des types d'application Windows sur la droite, où vous sélectionnerez WPF Application. J'ai appelé mon projet "HelloWPF" dans le champ Name. Vérifiez que le reste des paramètres dans la partie basse de la fenêtre sont valides et appuyez sur le bouton Ok.

Notre nouveau projet possède une série de fichiers, mais nous allons nous concentrer sur l'un d'entre eux maintenant: MainWindox.xaml. C'est la fenêtre principale de l'application, celle qui apparaît en premier lorsque l'on lance l'application, excepté si vous changez ce paramètre. Le code XAML que l'on trouve dedans (XAML est expliqué en détail dans les autres chapitres de ce tutoriel) devrait ressembler à quelque chose comme ceci:

<Window x:Class="WpfApplication1.MainWindow"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    Title="MainWindow" Height="350" Width="525">
    <Grid>

    </Grid>
</Window>

C'est la base XAML que Visual Studio crée pour notre fenêtre, toutes les parties sont expliquées dans le chapitre sur XAML et "La fenêtre". Vous pouvez maintenant lancer l'application (Sélectionnez Debug -> Start debugging ou appuyez sur F5) pour voir la fenêtre vide constituant actuellement notre application, mais maintenant il est temps d'afficher le message sur l'écran.

Nous allons le faire en ajoutant un TextBlock au Grid panel, avec notre message désiré:

<Window x:Class="WpfApplication1.MainWindow"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    Title="MainWindow" Height="350" Width="525">
    <Grid>
        <TextBlock HorizontalAlignment="Center" VerticalAlignment="Center" FontSize="72">
            Hello, WPF!
        </TextBlock>
    </Grid>
</Window>

Essayez de lancer l'application maintenant (sélectionnez Déboguer -> Démarrer le débogage ou appuyez sur F5) et voyez le beau résultat de votre dur labeur. Votre première application WPF :

Vous remarquerez que nous avons utilisé trois attributs différents sur le TextBlock : deux propriétés pour personnaliser l'alignement (au milieu de la fenêtre) et la propriété FontSize pour avoir un texte plus gros. Tous ces concepts seront traités dans de prochains articles.

Félicitation d'être arrivé jusque là. Maintenant allez lire le reste du tutoriel et bientôt vous maitriserez WPF !