WPF - Bonjour le monde

Dans ce chapitre, nous développerons une application WPF Hello World simple. Commençons donc la mise en œuvre simple en suivant les étapes ci-dessous.

• Cliquez sur l'option de menu Fichier> Nouveau> Projet.

• La boîte de dialogue suivante s'affiche.

• Sous Modèles, sélectionnez Visual C # et dans le panneau du milieu, sélectionnez Application WPF.

• Donnez un nom au projet. TypeHelloWorld dans le champ de nom et cliquez sur le bouton OK.

• Par défaut, deux fichiers sont créés, l'un est le XAML file (mainwindow.xaml) et l'autre est le CS fichier (mainwindow.cs)

• Sur mainwindow.xaml, vous verrez deux sous-fenêtres, l'une est la design window et l'autre est le source (XAML) window.

• Dans l'application WPF, il existe deux façons de concevoir une interface utilisateur pour votre application. La première consiste simplement à faire glisser et déposer les éléments de l'interface utilisateur de la boîte à outils vers la fenêtre de conception. La deuxième méthode consiste à concevoir votre interface utilisateur en écrivant des balises XAML pour les éléments de l'interface utilisateur. Visual Studio gère les balises XAML lorsque la fonctionnalité glisser-déposer est utilisée pour la conception d'interface utilisateur.

• Dans le fichier mainwindow.xaml, les balises XAML suivantes sont écrites par défaut.

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

• Par défaut, une grille est définie comme premier élément après la page.
• Allons dans la boîte à outils et faisons glisser un TextBlock dans la fenêtre de conception.

• Vous verrez le TextBlock dans la fenêtre de conception.

• Lorsque vous regardez la fenêtre source, vous verrez que Visual Studio a généré le code XAML du TextBlock pour vous.

• Modifions la propriété Text de TextBlock dans le code XAML de TextBlock à Hello World.

<Window x:Class = "HelloWorld.MainWindow" 
   xmlns = "http://schemas.microsoft.com/winfx/2006/xaml/presentation" 
   xmlns:x = "http://schemas.microsoft.com/winfx/2006/xaml"
   Title = "MainWindow" Height = "350" Width = "604"> 
	
   <Grid> 
      <TextBlock x:Name = "textBlock" HorizontalAlignment = "Left"
         Margin = "235,143,0,0" TextWrapping = "Wrap" Text = "Hello World!"
         VerticalAlignment = "Top" Height = "44" Width = "102" /> 
   </Grid> 
	
</Window>

• Maintenant, vous verrez également le changement dans la fenêtre de conception.

Lorsque le code ci-dessus est compilé et exécuté, vous verrez la fenêtre suivante.

Toutes nos félicitations! Vous avez conçu et créé votre première application WPF.