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.

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.

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.

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.

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.

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.

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.

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.