3. XAML

3.2. Zobrazení pole

Do druhého řádku základní mřížky formuláře (s indexem 1) umístíme objekt typu GroupBox se záhlavím "Zobrazení matice", který bude obsahovat další mřížku (Grid), kterou rozdělíme na dva sloupce - viz Kód 1.   V kódu budeme dále doplňovat pod komentáře zbývající části XAML kódu jednotlivých objektů formuláře.

<!-- Zobrazení matice -->
<GroupBox Header="Zobrazení matice" Grid.Row="1">
    <Grid>
        <Grid.ColumnDefinitions>
            <ColumnDefinition Width="*"/>
            <ColumnDefinition Width="*"/>
        </Grid.ColumnDefinitions>
        <!-- Matice -->

        <!-- Výsledek -->

    </Grid>
</GroupBox>

Kód 1: GroupBox - zobrazení matice

Pod komentář Matice vložíme do prvního sloupce mřížky GroupBox, jehož záhlaví bude obsahovat text "Mřížka". V tomto GroupBox bude umístěn objekt typu ListView, pomocí něhož budeme zobrazovat jednotlivé řádky matice pod sebou. U tohoto objektu zobrazíme svislý posuvník, který umožňuje vertikálně posouvat vložený obsah do tohoto objektu (vlastnost ScrollViewer.VerticalScrollBarVisibility). Nastavení této vlastnosti na hodnotu "Auto" zajistí, že pokud obsah nebude zobrazen v tomto objektu celý, je automaticky zpřístupněn (zviditelněn) posuvník - viz Kód 2.

<!-- Matice -->
<GroupBox Header="Mřížka" Margin="5" MinHeight="100">
    <ListView Name="LstMatice" ScrollViewer.VerticalScrollBarVisibility="Auto"/>
</GroupBox>

Kód 2: GroupBox - zobrazení prvků matice v jednotlivých řádcích v objektu ListView

Pod komentář Výsledek vložíme do druhého sloupce mřížky ve stejném řádku objekt GroupBox. V tomto GroupBox budeme zobrazovat výslednou matici např. po provedení operace setřídění. Prvky matice budou vypisovány za sebou a budou mezi sebou odděleny čárkou (provedeme pomocí CodeBehind). Jednotlivé prvky v umístíme do příslušných řádků. U objektu typu TextBox jsme zapnuly (zviditelnily, tj. hodnota "Visible") oba posuvníky jak horizontální (ScrollViewer.HorizontalScrollBarVisibility), tak i vertikální (ScrollViewer.VerticalScrollBarVisibility). Objekt TextBox bude určen pouze pro výpis (IsReadOnly) a nastavíme modré pozadí (BackGround) - viz Kód 3. 

<!-- Výsledek -->
<GroupBox Header="Jako text (nebo výpis výsledku)" Grid.Column="2" Margin="5">
    <TextBox Name="TxtVysledek" Margin="5" ScrollViewer.HorizontalScrollBarVisibility="Visible" 
        ScrollViewer.VerticalScrollBarVisibility="Visible" IsReadOnly="True" Background="AliceBlue"/>
</GroupBox>

Kód 3: GroupBox - zobrazení prvků matice za sebou v objektu TextBox

Formulář

Navržené rozložení prvků ve druhém řádku základní mřížky na formuláři 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 - druhý řádek základní mřížky

Objekty na formuláři:

Formulář v druhém řádku základní mřížky formuláře obsahuje následující objekty (kontrolky):

  • GroupBox (3x)
  • Grid 
  • ListView: LstMatice
  • TextBox: TxtVysledek

které jsou umístěny následujícím způsobem - viz Obrázek 2.


Obrázek 2: VS - okno Document Outline - seznam objektů - druhý řádek základní mřížky