Verwenden allgemeiner WPF-Steuerelemente

Aktualisiert: November 2007

In dieser Lektion werden allgemeine Windows Presentation Foundation (WPF)-Steuerelemente behandelt, die in der Toolbox verfügbar sind, wenn Sie ein WPF-Anwendungsprojekt erstellen.

Mit WPF können Sie visuell verbesserte Benutzeroberflächen für Ihre Anwendungen erstellen. Selbst typische Steuerelemente, die Sie von einer Windows Forms-Standardanwendung kennen, wurden in WPF-Anwendungen verbessert.

Am einfachsten lassen sich WPF-Steuerelemente der Anwendung hinzufügen, indem sie aus der Toolbox auf die Entwurfsoberfläche gezogen werden. Im Standardzustand gleichen diese Steuerelemente denen einer Windows Forms-Anwendung. Steuerelemente in WPF unterstützen Stile und Vorlagen, mit denen visuell überzeugende Anwendungen erstellt werden können. Die Darstellung eines Steuerelements kann angepasst werden, indem dessen Eigenschaften im Fenster Eigenschaften geändert werden. Sie können die Darstellung auch ändern, indem Sie dem Steuerelement Stile und Attribute im XAML-Editor hinzufügen. Da das Schreiben von eigenem XAML-Code schwierig sein kann, sollten Sie besser eine Anwendung verwenden, die XAML für Sie generiert, wie z. B. Expression Blend. Weitere Informationen finden Sie unter Integration mit Expression Blend.

Übung

So fügen Sie dem WPF-Fenster ein Steuerelement hinzu

1. Klicken Sie im Menü Datei auf Neues Projekt.

2. Klicken Sie im Dialogfeld Neues Projekt im Bereich Vorlagen auf WPF-Anwendung.

3. Geben Sie im Feld Name die Zeichenfolge WPFControls ein, und klicken Sie dann auf OK.

4. Ein neues Windows Presentation Foundation-Projekt wird erstellt.

5. Ziehen Sie aus der Toolbox ein TextBox-Steuerelement an den oberen rechten Rand des WPF-Fensters.

6. Wählen sie das TextBox-Steuerelement aus.

7. Legen Sie im Fenster Eigenschaften folgende Eigenschaften für das Steuerelement fest:

   Eigenschaft	Wert
   VerticalAlignment	Oben
   Breite	75
   Höhe	26

8. Fügen Sie dem WPF-Fenster neben dem Textfeld ein Button-Steuerelement hinzu.

9. Ändern Sie den Text zwischen den öffnenden und schließenden Button-Tags im XAML-Editor von Button in Add, wie im folgenden Beispiel dargestellt.

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

   Der Text auf der Schaltfläche ändert sich, nachdem Sie den neuen Wert eingegeben haben.

10. Fügen Sie dem WPF-Fenster unter dem Textfeld ein ListBox-Steuerelement hinzu.

11. Doppelklicken Sie auf die Schaltfläche, um den Standard-Ereignishandler einzugeben, und fügen Sie den folgenden Code hinzu:

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

12. Drücken Sie F5, um das Programm auszuführen. Es wird ein Fenster angezeigt, das das Textfeld, das Listenfeld und die Schaltfläche enthält, die Sie soeben hinzugefügt haben.

13. Geben Sie Text in das Textfeld ein, und klicken Sie dann auf die Schaltfläche Hinzufügen. Überprüfen Sie, ob der Text dem Listenfeld hinzugefügt wurde.

14. Fügen Sie dem Listenfeld weiteren Text hinzu.

WPF-Steuerelemente

In der folgenden Tabelle werden die am häufigsten verwendeten WPF-Steuerelemente aufgeführt, die Sie in der Toolbox auf der Registerkarte Allgemeine Steuerelemente finden können.

Steuerelementname	Beschreibung
System.Windows.Controls.Border	Zeigt einen Rahmen um den Inhalt an.
System.Windows.Controls.Button	Ermöglicht einem Benutzer, durch Klicken auf eine Schaltfläche eine Aktion auszuführen. Das Buttonbase.Click-Ereignis wird ausgelöst, wenn auf einen Button geklickt wird.
System.Windows.Controls.CheckBox	Ermöglicht einem Benutzer, ein Kontrollkästchen zu aktivieren und zu deaktivieren, um einen Ja/Nein-Wert oder einen True/False-Wert anzugeben.
System.Windows.Controls.ComboBox	Ermöglicht einem Benutzer, ein Element in einer Dropdownliste auszuwählen. Die Liste wird angezeigt, wenn der Benutzer auf den Dropdownpfeil klickt.
System.Windows.Controls.Grid	Definiert einen flexiblen Rasterbereich, der aus Spalten und Zeilen besteht.
System.Windows.Controls.Image	Zeigt ein Bild an.
System.Windows.Controls.Label	Zeigt Text in einem Formular an. Unterstützt Zugriffstasten.
System.Windows.Controls.ListBox	Ermöglicht einem Benutzer, ein Element in einer Liste auszuwählen.
System.Windows.Controls.RadioButton	Ermöglicht einem Benutzer, Elemente auszuwählen, die sich gegenseitig ausschließen. Die Auswahl einer Optionsschaltfläche schließt die anderen Schaltflächen im selben Container aus.
System.Windows.Controls.StackPanel	Ermöglicht, untergeordnete Steuerelemente vertikal oder horizontal zu stapeln.
System.Windows.Control.TabControl	Ermöglicht die Anordnung von visuellen Inhalten in Tabellenform.
System.Windows.Controls.TextBox	Zeigt unformatierten Text an, und ermöglicht Benutzern, Text einzugeben.

Folgende zusätzliche Steuerelemente stehen in der Toolbox zur Verfügung:

• Containersteuerelemente, wie z. B. Canvas, DockPanel und Frame.

• Menüs und Toolbars, wie z. B. Menu, ToolBar und StatusBar.

• Dokumentsteuerelemente, wie z. B. DocumentViewer und FlowDocumentPageViewer.

• Und vieles mehr ...

Nächste Schritte

In dieser Lektion haben Sie Informationen über die allgemeinen WPF-Steuerelemente erhalten, die in der Toolbox zur Verfügung stehen. Außerdem haben Sie gelernt, dass Sie diese Steuerelemente anpassen können, um sie visuell überzeugender zu gestalten.

In der nächsten Lektion erfahren Sie, wie Ereignishandler für WPF-Steuerelemente erstellt werden.

Nächste Lektion: Erstellen von Ereignishandlern für WPF-Steuerelemente.

Siehe auch

Aufgaben

Entwerfen einer Benutzeroberfläche für eine WPF-Anwendung (Visual Basic)

Gewusst wie: Erstellen eines neuen WPF-Anwendungsprojekts

Gewusst wie: Festlegen von Rändern für ein Steuerelement im WPF-Designer

Konzepte

Übersicht über den WPF-Designer

Weitere Ressourcen

Erstellen der visuellen Darstellung eines Programms: Einführung in Windows Presentation Foundation

Arbeiten mit Steuerelementen im WPF-Designer