2. PrevodDoSoustavWPF

2.1. Analýza a návrh řešení

V příkladu bude využit stejný princip převodu čísla do zvoleného typu soustavy jako v předchozím příkladu PrevodDoSoustav, proto již není zapotřebí provádět detailní analýzu. 

Pro rozložení jednotlivých prvků na formuláři použijeme Grid vložený do formuláře, který rozdělíme na 3 řádky - viz Obrázek 1. Do prvního řádku Grid  (s indexem 0) umístíme objekt typu GroupBox do něhož znovu vložíme objekt typu Grid, který tentokrát rozdělíme na dva sloupce. Do prvního sloupce vložíme objekt StackPanel, do něhož vložíme dva další objekty typu StackPanel. V prvním StackPanel vložíme popisek (Label) a objekt typu ComboBox, ve kterém si uživatel vybere typ soustavy. Ve druhém spodním StackPanel bude umístěn popisek (Label) a objekt typu ComboBox, ve kterém si uživatel vybere počet bytů, na které se převedené číslo bude vypisovat. 

Do druhého sloupce Gridu (umístěného v GroupBox) vložíme taktéž dva objekty typu StackPanel. Vnitřní StackPanel bude sloužit pro umístění popisku (Label) a vstupního pole typu TextBox pro specifikaci čísla, které bude převedeno do zvoleného typu soustavy.

Do druhého řádku řádku Grid ve formuláři GroupBox, do kterého umístíme StackPanel, do něhož vložíme objekt typu Label s popiskem "Výsledek". Pod tento objekt umístíme další objekt typu TextBox do něhož budeme vypisovat převedené číslo do zvoleného typu soustavy. 

Do posledního řádku Grid formuláře umístíme další StackPanel, do něhož umístíme dva objekty typu WrapPanel. Do prvního WrapPanel umístíme tlačítko pro konverzi zadaného čísla do zvoleného typu soustavy. Do druhého WrapPanel umístíme tlačítko pro ukončení aplikace.

Formulář bude obsahovat následující objekty (kontrolky), které budou vnořeny následujícím způsobem:

  • Grid
    • GroupBox
      • Grid
        • StackPanel
          • StackPanel
            • Label
            • ComboBox: CmbSoustava
          • StackPanel
            • Label
            • ComboBox: CmbBytu
        • StackPanel
          • StackPanel
            • Label
            • TextBox: TxtCislo
    • GroupBox
      • StackPanel
        • Label
        • TextBox: TxtVysledek
    • StackPanel
      • WrapPanel
        • Button: BtnPrevod
      • WrapPanel
        • Button: BtnKonec


Obrázek 1: Návrh GUI - rozložení prvků v mřížce formuláře (PrevodDoSoustavWPF)


Formulář bude obsahovat následující prvky - viz Obrázek 2.


Obrázek 2: Návrh GUI a účel jednotlivých objektů (PrevodDoSoustavWPF)