Kontrolki XAML w WPF

Słownik kwalifikacji INF.04 - Projektowanie, programowanie i testowanie aplikacji

W aplikacjach WPF interfejs użytkownika opisuje się najczęściej w języku XAML. Każdy element okna, np. pole tekstowe, lista wyboru czy pole zaznaczenia, jest reprezentowany przez odpowiednią kontrolkę.

Najczęściej spotykane kontrolki

  • TextBox - pole tekstowe, do wpisywania lub wyświetlania tekstu.
  • Label - etykieta opisująca inny element interfejsu.
  • Button - przycisk uruchamiający akcję.
  • CheckBox - pole wyboru, które może być zaznaczone lub odznaczone.
  • RadioButton - przycisk opcji, zwykle używany w grupie, gdzie wybiera się jedną możliwość.
  • ListBox - lista elementów, z której użytkownik może wybrać pozycję.
  • ComboBox - lista rozwijana, pokazująca zwykle jedną wybraną wartość.

Przykład uproszczonego kodu

Jeżeli w oknie znajduje się lista zwierząt, pole tekstowe oraz dwa pola wyboru, uproszczony kod XAML może wyglądać tak:

<ListBox />
<TextBox />
<CheckBox />
<CheckBox />

Taki zapis pomija szczegóły, np. położenie, rozmiar, marginesy i teksty, ale poprawnie wskazuje typy użytych kontrolek.

Jak rozpoznawać kontrolki na ilustracji?

Lista z kilkoma widocznymi pozycjami to zwykle ListBox. Pojedyncze prostokątne pole do wpisywania tekstu to TextBox. Mały kwadrat z opisem obok, który można zaznaczyć, to CheckBox. Okrągłe przyciski wyboru oznaczają RadioButton, a lista rozwijana ze strzałką to ComboBox.

Na egzaminie należy zwracać uwagę nie tylko na nazwy kontrolek, ale też na ich wygląd i funkcję w interfejsie.