Utilisation de contrôles WPF communs

Mise à jour : novembre 2007

Dans cette leçon, vous découvrirez les contrôles WPF (Windows Presentation Foundation) courants disponibles dans la boîte à outils lorsque vous créez un projet d'application WPF.

WPF vous permet de créer des interfaces utilisateur visuellement améliorées pour vos applications. Même les contrôles types que vous êtes habitués à voir dans une application Windows Forms standard sont améliorés dans les applications WPF.

La méthode la plus simple pour ajouter des contrôles WPF à votre application est de les faire glisser de la boîte à outils vers l'aire de conception. Par défaut, les contrôles ressemblent beaucoup aux contrôles que vous trouveriez dans une application Windows Forms. Dans WPF, les contrôles prennent en charge des styles et des modèles qui vous permettent de créer des applications visuellement agréables. Pour modifier l'apparence d'un contrôle, vous pouvez modifier ses propriétés dans la fenêtre Propriétés. Vous pouvez également modifier l'apparence d'un contrôle en ajoutant des styles et des attributs au contrôle dans l'éditeur XAML. Le code XAML peut être difficile à écrire par vous-même, vous pouvez donc envisager d'utiliser une application qui peut générer le XAML à votre place, telle qu'Expression Blend. Pour plus d'informations, consultez Collaboration avec Expression Blend.

Essayez !

Pour ajouter un contrôle à la fenêtre WPF

1. Dans le menu Fichier, cliquez sur Nouveau projet.

2. Dans la boîte de dialogue Nouveau projet, dans le volet Modèles, cliquez sur Application WPF.

3. Dans la zone Nom, tapez WPFControls, puis cliquez sur OK.

4. Un nouveau projet Windows Presentation Foundation est créé.

5. À partir de la boîte à outils, faites glisser un contrôle TextBox vers la partie supérieure droite de la fenêtre WPF.

6. Sélectionnez le contrôle TextBox.

7. Définissez les propriétés suivantes pour la zone de texte dans la fenêtre Propriétés.

   Propriété	Valeur
   VerticalAlignment	Top
   Width	75
   Height	26

8. Ajoutez un contrôle Button à la fenêtre WPF, à côté de la zone de texte.

9. Modifiez le texte qui se trouve entre les balises d'ouverture et de fermeture de Button dans l'éditeur XAML de telle sorte que Button devienne Add, comme indiqué dans l'exemple suivant.

   <Button Height="23" HorizontalAlignment="Right" Margin="0,59,35,0" 
       Name="Button1" VerticalAlignment="Top" 
       Width="75">Add</Button>
   

   Le texte du bouton change une fois que vous avez tapé la nouvelle valeur.

10. Ajoutez un contrôle ListBox à la fenêtre WPF, sous la zone de texte.

11. Double-cliquez sur le bouton pour accéder au gestionnaire d'événements par défaut, et ajoutez le code suivant :

    If TextBox1.Text IsNot "" Then
        ListBox1.Items.Add(TextBox1.Text)
        TextBox1.Text = ""
    End If
    

12. Appuyez sur F5 pour exécuter le programme. Une fenêtre qui contient la zone de texte, la zone de liste et le bouton que vous venez d'ajouter s'affiche.

13. Tapez du texte dans la zone de texte, puis cliquez sur le bouton Ajouter. Vérifiez que le texte a été ajouté à la zone de liste.

14. Ajoutez du texte supplémentaire à la zone de liste.

Contrôles WPF

Les contrôles WPF les plus courants, qui se trouvent dans l'onglet Contrôles communs de la Boîte à outils, sont indiqués dans le tableau suivant.

Parmi les contrôles supplémentaires disponibles dans la Boîte à outils, on trouve les éléments suivants :

• Des contrôles conteneurs, tels que Canvas, DockPanel et Frame.

• Des menus et des barres d'outils, tels que Menu, ToolBar et StatusBar.

• Des contrôles Document, tels que DocumentViewer et FlowDocumentPageViewer.

• Et davantage...

Étapes suivantes

Dans cette leçon, vous avez découvert les contrôles WPF courants disponibles dans la Boîte à outils. Vous avez également appris que vous pouviez personnaliser ces contrôles pour les rendre visuellement agréables.

Dans la leçon suivante, vous apprendrez à créer un gestionnaire d'événements pour un contrôle WPF.

Leçon suivante : Création de gestionnaires d'événements pour les contrôles WPF.

Voir aussi

Tâches

Conception d'une interface utilisateur pour une application WPF (Visual Basic)

Comment : créer un projet d'application WPF

Comment : définir des marges pour un contrôle dans le concepteur WPF

Concepts

Vue d'ensemble du concepteur WPF

Autres ressources

Création de l'aspect visuel de votre programme : introduction à Windows Presentation Foundation

Utilisation de contrôles dans le concepteur WPF