Les interfaces graphiques avec PowerShell et WPF

Jérôme BEZET-TORRES - ITConnect - 09/01
Apprenez à créer une application avec interface graphique avec PowerShell et WPF (Windows Presentation Framework), à partir de l'application Kaxaml.

Sommaire

  • I. Présentation
  • II. Le langage XAML
    • A. Ces avantages
    • B. Comment fonctionne-t-il ?
    • C. Les Controls
    • D. Quel outil pour faire du XAML ?
    • E. Comment utiliser Kaxaml ?
  • III. PowerShell et XAML
    • A. Comment les organiser ?
    • B. Comment exécuter notre application ?
    • C. Comment interagir avec les controls ?
  • IV. Notre Application
    • A. Le code XAML
    • B. Le code PowerShell
  • V. Les thèmes pour WPF
    • A. Mahapps
    • B. Material Design in XAML
  • VI. Conclusion

I. Présentation

Avec PowerShell vous avez découvert comment créer des interfaces graphiques avec PowerShell et Windows Forms, dans un article précèdent. Aujourd’hui, nous allons découvrir comment créer des applications avec Windows Presentation Framework aka WPF.

Nous parlerons de la syntaxe à adopter, des outils qu'il est possible d'utiliser pour créer une interface graphique avec WPF et quelques exemples vont vous permettre de vous faire la main. Avant de commencer, voici le lien vers le tutoriel évoqué ci-dessus :

  • PowerShell : comment créer une interface graphique avec Windows Forms ?

En fin d'article, retrouvez un lien vers notre GitHub afin de récupérer les sources des projets WPF.

II. Le langage XAML

Apparu en 2006 avec l’arrivée du .Net 3.0, XAML permet la création d’applications riches, et vise à « remplacer » Windows Forms. XAML (prononcé Zammel), acronyme d’eXtensible Application Markup Language, est un langage déclaratif basé sur du XML.

Pour ceux disposant de connaissances en programmations de sites web, vous remarquerez qu'en termes de structure, XAML est également proche du HTML.

XAML constitue la partie principale de votre application, celle qui permettra d’afficher votre interface. C’est votre XAML qui contiendra tout ce que vous souhaitez afficher dans votre interface : boutons, zones de saisie, listes déroulantes, tableaux affichant des données, etc.

  • Généralisation d’un contrôle WPF :
<NomduControl></ NomduControl>
  • Exemple d’un contrôle de type « Button » en WPF.
<Button></Button>

Attention : le langage XAML est sensible à la casse, cela signifie que les majuscules sont importantes. La preuve en image avec le code suivant où nous définissions deux « TextBox », cependant le second n’est pas écrit correctement.

<Page xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"> <Grid> <StackPanel Orientation="vertical" VerticalAlignment="Center"> <TextBox Width="140" Height="25" Margin="0 5 5 5">Correct</TextBox> <Textbox Width="140" Height="25" Margin="0 5 5 5">IT Connect WPF</Textbox> </StackPanel> </Grid> </Page>

Nous observons que seul le premier TextBox est affiché, car le second n’est pas écrit correctement, d’où le message d’erreur.

A. Ces avantages

Le XAML offre différents avantages par rapport à ce que l'on peut faire avec Windows Forms. En effet, la lecture du code est bien plus simple et plus facile à mettre à jour. Le fonctionnement et les syntaxes utilisées permettent de s'y retrouver plus facilement.

B. Comment fonctionne-t-il ?

C’est un langage déclaratif, car son fonctionnement repose, comme pour le XML, sur l’ajout de balises et de tag. Ainsi, une balise permet d’ouvrir un nouvel élément et doit donc êtr...
[Courte citation de 8% de l'article original]