ComboBoxy jsou jedním z nejuniverzálnějších ovládacích prvků v WPF aplikacích. Umožňují uživatelům vybírat z předdefinovaného seznamu možností. V tomto tutoriálu se naučíte, jak vytvořit ComboBox spolu s TextBoxem a využít funkce Event-Handlerů k reakci na změny ve výběru. Dále uvidíte, jak zobrazit jednoduchý seznam značek automobilů v ComboBoxu.

Nejdůležitější poznatky Měli byste být schopni porozumět a aplikovat následující kroky ve svých vlastních WPF aplikacích:

  • Vytvoření a konfigurace ComboBoxu a TextBoxu v XAML
  • Přidání Event-Handlerů pro ComboBox
  • Naplnění ComboBoxu daty
  • dynamické přizpůsobení dalších ovládacích prvků na základě uživatelských vstupů

Podrobný návod na vytvoření ComboBoxu a jeho Event-Handleru

Krok 1: Vytvoření hlavního okna

Otevřete své hlavní okno v souboru MainWindow.xaml. Zde nastavíte základ pro uživatelské rozhraní, které slouží k umístění ovládacích prvků. Začněte umístěním TextBoxu a ComboBoxu.

Kombinujte ComboBox s obsluhou událostí ve WPF

Krok 2: Přidání TextBoxu

Využijte toolbox k přidání TextBoxu. Umístěte ho na požadované místo v hlavním okně. Tento TextBox později zobrazí text podle vašeho výběru.

Kombinujte ComboBox s obsluhou událostí ve WPF

Krok 3: Vložení ComboBoxu

Přidejte ComboBox vedle TextBoxu. Bude sloužit k tomu, aby uživatel měl na výběr různé možnosti. Umístění zůstává na vás.

Kombinujte ComboBox s obslužnou rutinou události ve WPF

Krok 4: Pojmenování a nastavení velikosti písma

Přidělte oběma ovládacím prvkům (TextBoxu a ComboBoxu) výstižné názvy. Například: "mojeTextBox" a "mojeComboBox". Ujistěte se, že velikost písma je nastavena na 16 pro zajištění jednotného vzhledu.

Krok 5: Testování programu

Spusťte aplikaci, abyste zkontrolovali, zda se přidané ovládací prvky správně zobrazují. Měli byste vidět prázdný ComboBox a TextBox.

Kombinujte ComboBox s obsluhou událostí ve WPF

Krok 6: Naplnění ComboBoxu daty

Aby se do ComboBoxu přidaly možnosti při načtení aplikace, vytvořte Event-Handler. Vytváření se děje v oblasti XAML, když dvakrát kliknete na událost "Loaded" ComboBoxu.

Kombinuj ComboBox s obslužnou rutinou událostí ve WPF

Krok 7: Přidání Event-Handleru pro výběr

Přidejte další Event-Handler, který reaguje na změny v ComboBoxu. Toho dosáhnete dvojitým kliknutím na událost "SelectionChanged". Tím se zajistí, že TextBox bude naplněn aktuální vybranou hodnotou, když uživatel provede výběr.

Krok 8: Načítání položek do ComboBoxu

Definujte seznam značek automobilů jako 'List' a naplňte ho několika příklady, jako jsou VW, BMW a Mercedes. Přiřaďte tento seznam ComboBoxu pomocí vlastnosti ItemsSource.

Krok 9: Nastavení výchozího výběru

Určete, která položka se má zobrazit ihned po spuštění. To se provádí pomocí vlastnosti SelectedIndex ComboBoxu, přičemž index 0 představuje první položku, např. VW.

Krok 10: Naplnění TextBoxu výběrem

V Event-Handleru pro SelectionChanged musíte nastavit text TextBoxu, aby zobrazil hodnotu vybrané značky automobilu. Použijte metodu ToString(), aby se zajistilo, že objekt bude převeden na text.

Kombinujte ComboBox s obslužnou rutinou událostí v WPF

Krok 11: Testování aplikace

Spusťte aplikaci, abyste se ujistili, že při načtení ComboBoxu je zobrazena výchozí volba a že TextBox se odpovídajícím způsobem aktualizuje, když provedete výběr.

Kombinujte ComboBox s obsluhou událostí ve WPF

Krok 12: Další cvičení

Teď se pokuste přidat další ComboBox, který zobrazuje modely v rámci určité automobilky. Implementujte podobný mechanismus jako dříve, abyste zajistili, že výběr se zobrazí v dalším TextBoxu.

Souhrn - WPF ComboBox a jeho Event-Handler v C

V tomto návodu jste se naučili, jak vytvořit ComboBox a TextBox v aplikaci WPF a implementovat relevantní Event-Handlery. Pochopili jste, jak načíst data do ComboBoxu a dynamicky předat změny ve výběru na jiné ovládací prvky.

Často kladené otázky

Co je to ComboBox?ComboBox je ovládací prvek, který umožňuje uživatelům provést výběr z předdefinovaných možností.

Jak přidám Event-Handlery v WPF?Event-Handlery lze přidat dvojitým kliknutím na příslušnou událost v XAML Designeru, čímž se automaticky vytvoří metoda v kódu.

Jak použít ItemsSource v ComboBoxu?Vlastnost ItemsSource se používá k propojení seznamu dat s ComboBoxem, který představuje možnosti.

Co se stane, když je změněn výběr v ComboBoxu?Příslušný Event-Handler je aktivován a umožňuje vám reagovat na změnu, například aktualizováním textu TextBoxu.

Jak mohu nastavit výchozí výběr v ComboBoxu?Toto můžete provést nastavením vlastnosti SelectedIndex, kde index 0 představuje první položku.