WPF 5 – Label, Button

V dnešnom diely sa pozrieme na dva základné ovládacie prvky WPF – a to na Label a Button.

Úvod

Label a Button sú dva najjednoduchšie prvky vo WPF, ktoré slúžia na základné zobrazenie textu a ovládanie programu.

Label

Label slúži na zobrazenie jednoduchého textového popisku, ktorý môžete vo vašom okne zobraziť. Nastavenie je jednoduché – pomocou vlastnosti Content. (Nájdete v okne properties pod záložkov Common).

V XAML prebieha nastavenie obsahu rovnako ako pri všetkých iných prvkov. Buď nastavíte vlastnosť Content alebo ho vložíte medzi otvárací a uzatvárací tag.

<Label x:Name="label1" Content="Nápis" Margin="25,25,0,0" HorizontalAlignment="Left" VerticalAlignment="Top"/>

<Label x:Name="label1" Margin="25,25,0,0" HorizontalAlignment="Left" VerticalAlignment="Top">
    Nápis
</Label>

Vlastnosti fontu a textu (ako farbu a iné si vysvetlíme v budúcom diely).

Button

Button je naopak ovládací prvok umožňujúci odozvu. Opäť je možné mu cez vlastnosť Content nastaviť obsah.

<Button x:Name="button1" Content="Tlačidlo" Margin="25,50,0,0" HorizontalAlignment="Left" VerticalAlignment="Top" Height="25" Width="65"/>

Pokiaľ by ste chceli, aby vaše tlačidlo obsahovalo obrázok, môžete ho použiť ako pároví tag a ako jeho obsah nastaviť Image. Tlačidlo v tomto prípade funguje opäť ako okno, takže podporuje najviac jeden ovládací prvok, čo sa dá vyriešiť Gridom, alebo alternatívou.

<Button x:Name="button2" Margin="25,80,0,0" HorizontalAlignment="Left" VerticalAlignment="Top" Height="25" Width="165">
    <WrapPanel>
        <Image Source="Image.png" Stretch="Fill" Width="16" Height="16"/>
        <TextBlock Text="Web AkoProgramovať.sk"/>
    </WrapPanel>
</Button>

V tomto prípade sme použili WarpPanel, ktorý prvky umiestni za radom, a vložili sme doň TextBlock, čo je jednoduchý prvok na zobrazenie textu a Image, ktorý zobrazuje obrázky (O ňom neskôr). V TextBlocku sme použili špeciálnu sekvenciu   ktorá označuje prázdny znak – vďaka tomu bude náš text trochu posunutý od obrázku.

Tým sme si prebrali tlačidlá a nápisi a nabudúce si povieme niečo o základných vlastnostiach z kategórie Text.