ComboBoxy sú jedným z najuniverzálnejších ovládacích prvkov v WPF aplikáciách. Umožňujú používateľom vybrať si z preddefinovanej ponuky možností. V tomto návode sa naučíte, ako vytvoriť ComboBox spolu s TextBoxom a využiť funkčnosti Event-Handlerov na reagovanie na zmeny v výbere. Taktiež uvidíte, ako zobraziť jednoduchý zoznam automobilových značiek v ComboBoxe.
Najdôležitejšie poznatky Mali by ste byť schopní pochopiť nasledujúce kroky a aplikovať ich vo svojich vlastných WPF aplikáciách:
- Vytvorenie a konfigurácia ComboBoxu a TextBoxu v XAML
- Pridanie Event-Handlerov pre ComboBox
- Naplnění ComboBoxu dátami
- dynamické prispôsobenie iných ovládacích prvkov na základe vstupu používateľa
Postupný návod na vytvorenie ComboBoxu a jeho Event-Handlera
Krok 1: Vytvorenie hlavného okna
Otvor svoje hlavné okno v súbore MainWindow.xaml. Tu vytvoríš základ pre svoje užívateľské rozhranie, ktoré slúži na umiestnenie ovládacích prvkov. Začnite umiestnením TextBoxu a ComboBoxu.
Krok 2: Pridanie TextBoxu
Využi toolbox na pridanie TextBoxu. Umiestni ho na požadované miesto v hlavnom okne. Tento TextBox neskôr zobrazí text, ktorý si vyberieš.
Krok 3: Vloženie ComboBoxu
Pridaj ComboBox vedľa TextBoxu. Bude slúžiť na poskytnutie možnosti výberu pre používateľa. Umiestnenie zostáva na tebe.
Krok 4: Pomenovanie a nastavenie veľkosti písma
Priděl obom ovládacím prvkom (TextBox a ComboBox) výstižné názvy. Napríklad: "mojTextBox" a "mojComboBox". Dávaj pozor, aby si nastavil veľkosť písma na 16, aby sa zabezpečil jednotný vzhľad.
Krok 5: Testovanie programu
Spusti aplikáciu, aby si skontroloval, či sa pridané ovládacie prvky zobrazujú správne. Mal by si vidieť prázdny ComboBox a TextBox.
Krok 6: Naplnenie ComboBoxu dátami
Aby si pri načítaní aplikácie pridal možnosti do ComboBoxu, vytvor Event-Handler. Vytvorenie prebehne v oblasti XAML, keď dvakrát klikneš na udalosť "Loaded" ComboBoxu.
Krok 7: Pridanie výberového Event-Handlera
Pridaj ďalší Event-Handler, ktorý reaguje na zmeny v ComboBoxe. To sa deje dvojnásobným klikom na udalosť "SelectionChanged". Tým sa zabezpečí, že TextBox bude naplnený aktuálnou hodnotou výberu, keď používateľ urobí výber.
Krok 8: Načítanie prvkov do ComboBoxu
Definuj zoznam automobilových značiek ako 'List' a naplň ho niektorými príkladmi ako VW, BMW a Mercedes. Prirad tento zoznam ComboBoxu pomocou vlastnosti ItemsSource.
Krok 9: Stanovenie predvoľby výberu
Urči, ktorý prvok sa má zobraziť pri spustení. To sa deje pomocou vlastnosti SelectedIndex ComboBoxu, pričom index 0 predstavuje prvý prvok, napr. VW.
Krok 10: Naplnenie TextBoxu výberom
V Event-Handleri SelectionChanged musíš nastaviť text v TextBoxe, aby zobrazoval hodnotu vybranej automobilovej značky. Použi metódu ToString(), aby si zabezpečil, že objekt bude prevedený na text.
Krok 11: Testovanie aplikácie
Spusti aplikáciu, aby si sa uistil, že pri načítaní ComboBoxu sa zobrazuje predvoľba a že sa TextBox odpovedajúco aktualizuje, keď urobíš výber.
Krok 12: Ďalšia úloha
Teraz sa pokús pridať ďalší ComboBox, ktorý zobrazuje modely v rámci konkrétnej automobilovej značky. Implementuj podobný mechanizmus ako predtým, aby si zabezpečil, že výber bude zobrazený v ďalšom TextBoxe.
Zhrnutie – WPF ComboBox a jeho Event-Handler v C
V tomto návode si sa naučil, ako vytvoriť ComboBox a TextBox v WPF aplikácii a implementovať relevantné Event-Handleri. Pochopil si, ako načítať údaje do ComboBoxu a dynamicky prenášať zmeny vo výbere na iné ovládacie prvky.
Často kladené otázky
Čo je to ComboBox?ComboBox je ovládací prvok, pomocou ktorého môžu používatelia robiť výber z preddefinovaných možností.
Akým spôsobom pridám Event-Handler do WPF?Event-Handleri môžu byť pridané dvojitým kliknutím na príslušnú udalosť v XAML dizajnéri, čím sa automaticky vytvorí metóda v Code-Behind.
Akým spôsobom používam ItemsSource v ComboBoxe?Vlastnosť ItemsSource sa používa na viazanie zoznamu údajov na ComboBox, ktorý predstavuje možnosti.
Čo sa stane, ak sa zmena v ComboBoxe?Príslušný Event-Handler sa aktivuje a umožní ti reagovať na zmenu, napr. aktualizovaním textu v TextBoxe.
Akým spôsobom môžem určiť predvolený výber v ComboBoxe?Môžeš to urobiť tak, že nastavíš vlastnosť SelectedIndex, pričom index 0 patrí k prvému prvku.
