ComboBoxen sind eines der vielseitigsten Steuerelemente in WPF-Anwendungen. Sie ermöglichen es Benutzern, aus einer vordefinierten Liste von Optionen auszuwählen. In diesem Tutorial lernst du, wie du eine ComboBox zusammen mit einer TextBox erstellen und die Funktionalitäten von Event-Handlern nutzt, um auf Änderungen in der Auswahl zu reagieren. Zudem wirst du sehen, wie du eine einfache Liste von Automarken in einer ComboBox anzeigst.

Wichtigste Erkenntnisse Du solltest in der Lage sein, die folgenden Schritte zu verstehen und in deinen eigenen WPF-Anwendungen anzuwenden:

  • Erstellen und Konfigurieren einer ComboBox und TextBox in XAML
  • Hinzufügen von Event-Handlern für die ComboBox
  • Befüllen der ComboBox mit Daten
  • dynamische Anpassung anderer Steuerelemente basierend auf Benutzereingaben

Schritt-für-Schritt-Anleitung zum Erstellen einer ComboBox und deren Event-Handler

Step 1: Erstellen des Hauptfensters

Öffne dein Hauptfenster in der MainWindow.xaml-Datei. Hier legst du die Basis für deine Benutzeroberfläche, die zur Platzierung von Steuerelementen dient. Beginne mit der Platzierung einer TextBox und einer ComboBox.

Kombiniere ComboBox mit Event-Handler in WPF

Step 2: TextBox hinzufügen

Nutze die Toolbox, um eine TextBox hinzuzufügen. Positioniere sie an der gewünschten Stelle im Hauptfenster. Diese TextBox wird später den von dir gewählten Text anzeigen.

Kombiniere ComboBox mit Event-Handler in WPF

Step 3: ComboBox einfügen

Füge eine ComboBox neben der TextBox hinzu. Sie wird verwendet, um dem Benutzer eine Auswahl an Optionen zur Verfügung zu stellen. Die Positionierung bleibt dir überlassen.

Kombiniere ComboBox mit Event-Handler in WPF

Step 4: Namensgebung und Schriftgröße festlegen

Vergebe beiden Steuerelementen (TextBox und ComboBox) aussagekräftige Namen. Zum Beispiel: "meineTextBox" und "meineComboBox". Achte darauf, die Schriftgröße auf 16 einzustellen, um ein einheitliches Erscheinungsbild zu gewährleisten.

Step 5: Programm testen

Starte die Anwendung, um zu überprüfen, ob die hinzugefügten Steuerelemente korrekt angezeigt werden. Du solltest eine leere ComboBox und TextBox sehen.

Kombiniere ComboBox mit Event-Handler in WPF

Step 6: ComboBox mit Daten füllen

Um der ComboBox beim Laden der Anwendung Optionen hinzuzufügen, erstelle einen Event-Handler. Das Erstellen geschieht im XAML-Bereich, indem du auf das "Loaded"-Ereignis der ComboBox doppelklickst.

Kombiniere ComboBox mit Event-Handler in WPF

Step 7: Auswahl-Event-Handler hinzufügen

Füge einen weiteren Event-Handler hinzu, der auf die Änderungen in der ComboBox reagiert. Dies geschieht durch Doppelklick auf das "SelectionChanged"-Event. Damit wird sichergestellt, dass die Textbox mit dem aktuellen Auswahlwert gefüllt wird, wenn der Benutzer eine Auswahl trifft.

Step 8: Elemente in die ComboBox laden

Definiere eine Liste von Automarken als 'List' und fülle sie mit einigen Beispielen wie VW, BMW, und Mercedes. Weise diese Liste der ComboBox zu, indem du die ItemsSource-Eigenschaft verwendest.

Step 9: Standardauswahl festlegen

Bestimme, welches Element direkt beim Start angezeigt werden soll. Dies geschieht über die SelectedIndex-Eigenschaft der ComboBox, wobei der Index 0 für das erste Element, z.B. VW, steht.

Step 10: TextBox mit Auswahl füllen

Im SelectionChanged-Event-Handler musst du den Text der TextBox setzen, damit er den Wert der ausgewählten Automarke anzeigt. Nutze die Methode ToString(), um sicherzustellen, dass das Objekt in einen Text umgewandelt wird.

Kombiniere ComboBox mit Event-Handler in WPF

Step 11: Anwendung testen

Starte die Anwendung, um sicherzustellen, dass beim Laden der ComboBox die Standardauswahl angezeigt wird und dass die TextBox entsprechend aktualisiert wird, wenn du eine Auswahl triffst.

Kombiniere ComboBox mit Event-Handler in WPF

Step 12: Weitere Übung

Versuche nun, eine zusätzliche ComboBox hinzuzufügen, die Modelle innerhalb einer bestimmten Automarke anzeigt. Implementiere einen ähnlichen Mechanismus wie zuvor, um sicherzustellen, dass die Auswahl in einer weiteren TextBox angezeigt wird.

Zusammenfassung – WPF ComboBox und deren Event-Handler in C

In dieser Anleitung hast du gelernt, wie du eine ComboBox und eine TextBox in einer WPF-Anwendung erstellst und die relevanten Event-Handler implementierst. Du hast verstanden, wie du Daten in die ComboBox lädst und Änderungen in der Auswahl dynamisch auf andere Steuerelemente übertragen kannst.

Häufig gestellte Fragen

Was ist eine ComboBox?Eine ComboBox ist ein Steuerelement, mit dem Benutzer eine Auswahl aus vordefinierten Optionen treffen können.

Wie füge ich Event-Handler in WPF hinzu?Event-Handler können durch Doppelklick auf das entsprechende Event im XAML-Designer hinzugefügt werden, wodurch automatisch eine Methode im Code-Behind erstellt wird.

Wie verwende ich ItemsSource in einer ComboBox?Die ItemsSource-Eigenschaft wird verwendet, um eine Liste von Daten an die ComboBox zu binden, die die Optionen darstellt.

Was passiert, wenn die Auswahl in der ComboBox geändert wird?Der zugehörige Event-Handler wird aktiviert und ermöglicht es dir, auf die Änderung zu reagieren, z.B. indem du den Text einer TextBox aktualisierst.

Wie kann ich die Standardauswahl einer ComboBox festlegen?Du kannst dies tun, indem du die SelectedIndex-Eigenschaft festlegst, wobei der Index 0 für das erste Element steht.