Partager via


Contrôles WPF communs

Mise à jour : novembre 2007

Windows Presentation Foundation (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. Les contrôles WPF standard ressemblent à ceux qui se trouvent dans la Boîte à outils pour Windows Forms. Les contrôles WPF font partie de l'espace de noms System.Windows.Controls et non de l'espace de noms System.Windows.Forms. Vous pouvez également créer des contrôles WPF à l'aide du balisage XAML. Pour plus d'informations, consultez Conception d'une interface utilisateur pour une application WPF.

Lorsque vous faites glisser des contrôles WPF de la Boîte à outils vers l'aire de conception, les contrôles sont similaires aux contrôles d'une application Windows Form. Vous pouvez toutefois personnaliser les contrôles WPF. 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 y ajouter des styles et des attributs dans l'éditeur XAML. Comme l'écriture manuelle du balisage XAML est difficile, vous pouvez envisager d'utiliser une application qui génère automatiquement du langage XAML (Expression Blend, par exemple). Pour plus d'informations, consultez Collaboration avec Expression Blend.

Procédure

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. Cliquez sur la zone de texte.

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

    Propriété

    Valeur

    VerticalAlignment

    Haut

    Width

    75

    Hauteur

    26

  8. Ajoutez un contrôle Bouton à 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 ajouter le gestionnaire d'événements par défaut, et ajoutez le code suivant :

    if (textBox1.Text != "")
    {
        listBox1.Items.Add(textBox1.Text);
        textBox1.Text = "";
    }
    
  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 standard

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

Nom du contrôle

Description

System.Windows.Controls.Border

Affiche une bordure autour du contenu.

System.Windows.Controls.Button

Permet à un utilisateur d'effectuer une action en cliquant sur un bouton. L'événement Buttonbase.Click se produit lors d'un clic sur Button.

System.Windows.Controls.CheckBox

Permet à un utilisateur d'activer et de désactiver une case à cocher pour indiquer une valeur Yes/No ou True/False.

System.Windows.Controls.ComboBox

Permet à un utilisateur de sélectionner un élément dans une liste déroulante. Cette liste s'affiche lorsque l'utilisateur clique sur une flèche de déroulement.

System.Windows.Controls.Grid

Définit une grille flexible qui se compose de colonnes et de lignes.

System.Windows.Controls.Image

Affiche une image.

System.Windows.Controls.Label

Affiche du texte sur un formulaire. Assure la prise en charge des touches d'accès rapide.

System.Windows.Controls.ListBox

Permet à un utilisateur de sélectionner un élément dans une liste.

System.Windows.Controls.RadioButton

Permet à un utilisateur d'effectuer un choix parmi des éléments mutuellement exclusifs. La sélection d'une case d'option est mutuellement exclusive à toute autre case d'option dans le même conteneur.

System.Windows.Controls.StackPanel

Permet d'empiler des contrôles enfants verticalement ou horizontalement.

System.Windows.Control.TabControl

Permet d'arranger le contenu visuel sous forme de tableau.

System.Windows.Controls.TextBox

Affiche du texte non mis en forme et permet aux utilisateurs de saisir du texte.

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

  • Des contrôles conteneurs, tels que System.Windows.Controls.Canvas, System.Windows.Controls.DockPanel et System.Windows.Controls.Frame. Pour plus d'informations, consultez Vue d'ensemble des contrôles conteneur WPF.

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

  • Des contrôles document, tels que System.Windows.Controls.DocumentViewer et System.Windows.Controls.FlowDocumentPageViewer.

Voir aussi

Tâches

Conception d'une interface utilisateur pour une application WPF

Comment : créer un projet d'application WPF

Comment : créer des gestionnaires d'événements pour des contrôles WPF