3. XAML

Na základě našich zkušeností s XAML bude již stručně popsán postup tvorby formuláře. Základní atributy (titulek, výšku a šířku) formuláře nastavíme následujícím způsobem. Budeme také definovat minimální výšku a šířku, na kterou lze formulář zmenšit - viz Kód 1.

Title="Základní práce s vektorem" Height="600" Width="800" MinHeight="500" MinWidth="700">

Kód 1: Nastavení atributů formuláře

Objekt typu Grid umístěný na formuláři rozdělíme na tři řádky. První a poslední řádek se přizpůsobí obsahu vložených prvků. Výška druhého řádku se bude přizpůsobovat roztažení okna - viz Kód 2. 

Abychom následující XAML kód zjednodušili pro čtení a pochopení podstaty, využijeme komentáře v kódu XAML pomocí nichž rozdělíme XAML kód na určité sekce, které budou v kapitolách postupně doplněny - viz Kód 2.

<Grid.RowDefinitions>
    <RowDefinition Height="Auto"/>
    <RowDefinition Height="*"/>
    <RowDefinition Height="Auto"/>
</Grid.RowDefinitions>
<!-- Nastavení vektoru -->

<!-- Zobrazení vektoru -->

<!-- Tlačítka - sekce: Plnit, Výstup, Výpočet -->

Kód 2: Rozdělení Grid na řádky a komentáře jednotlivých sekcí

Formulář

Navržené rozložení prvků na formuláři, včetně formuláře samotného v této části etapy, je vidět na následujícím obrázku - viz Obrázek 1.


Obrázek 1: Rozpracovaný formulář WPF aplikace

Objekty na formuláři:

Formulář v této fázi obsahuje pouze jeden objekt (kontrolku):

  • Grid

který je umístěn následujícím způsobem - viz Obrázek 2.


Obrázek 2: VS - okno Document Outline - seznam objektů