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í vektoru", 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í vektoru -->
<GroupBox Header="Zobrazení vektoru" Grid.Row="1">
    <Grid>
        <Grid.ColumnDefinitions>
            <ColumnDefinition Width="*"/>
            <ColumnDefinition Width="*"/>
        </Grid.ColumnDefinitions>
        <!-- Vektor -->
      
        <!-- Výsledek -->

    </Grid>
</GroupBox>

Kód 1: GroupBox - zobrazení vektoru

Pod komentář Vektor 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 (objekt LstVektor), pomocí něhož budeme zobrazovat jednotlivé prvky vektoru pod sebou. Všimněme si, že u tohoto objektu lze zobrazit posuvník, v našem případě 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 celý v tomto objektu, je automaticky zpřístupněn (zviditelněn) posuvník - viz Kód 2.

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

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

Pod komentář Výsledek vložíme ve druhém sloupci mřížky ve stejném řádku objekt GroupBox. V tomto GroupBox budeme zobrazovat výsledný vektor např. po provedení operace setřídění. Prvky vektoru budou vypisovány v řádku za sebou (a budou mezi sebou odděleny čárkou což provedeme pomocí CodeBehind). U objektu typu TextBox (objekt TxtVysledek) 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="1" Margin="5">
    <TextBox Name="TxtVysledek" Margin="5" ScrollViewer.HorizontalScrollBarVisibility="Visible" 
             ScrollViewer.VerticalScrollBarVisibility="Visible" IsReadOnly="True" Background="AliceBlue"/>
</GroupBox>

Kód 3: GroupBox - zobrazení prvků vektoru 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: LstVektor
  • 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