Krok 4: Rozložit formulář s ovládacím prvkem TableLayoutPanel

V tomto kroku přidáte ovládací prvek TableLayoutPanel do formuláře.

Rozložit formulář s ovládacím prvkem TableLayoutPanel

1. Přejděte k Návrháři formulářů. Podívejte se na levou stranu formuláře a nalezněte kartu Panel nástrojů. Přejděte na položku a pozastavte se na kartě Panel nástrojů a Panel nástrojů se zobrazí. Nebo z nabídky Zobrazit klikněte na příkaz Panel nástrojů.

2. Klikněte na znaménko plus vedle skupiny Zásobníky k jejich otevření, jak je znázorněno na následujícím obrázku.

   Skupina zásobníků

   

3. Do formuláře můžete přidat ovládací prvky jako tlačítka, zaškrtávací políčka a jmenovky. Dvakrát klikněte na ovládací prvek TableLayoutPanel v Panelu nástrojů. Pokud to uděláte, rozhraní IDE přidá ovládací prvek TableLayoutPanel do formuláře, jak je znázorněno na následujícím obrázku.

   TableLayoutPanel – ovládací prvek

   

   Poznámka

   Po přidání vašeho kontejneru TableLayoutPanel, pokud se zobrazí okno uvnitř formuláře s nadpisem Úlohy kontejneru TableLayoutPanel, klikněte kamkoli do formuláře k jeho zavření. O tomto okně se dozvíte více dále v kurzu.

   Poznámka

   Všimněte si, jak se Panel nástrojů rozšíří na pokrytí formuláře po kliknutí na jeho karta a ukončí se po kliknutí mimo ní. Toto je funkce automatického skrytí rozhraní IDE. Můžete ji zapnout nebo vypnout pro kterékoliv okno kliknutím na ikonu připínáčku v pravém horním rohu okna k přepnutí automatického schovávání a zamknutí na místě. Takto se zobrazí ikona připínáčku.

   Špendlík – ikona

   

4. Ujistěte se, že kontejner TableLayoutPanel je vybrán kliknutím na něj. Můžete ověřit, jaký ovládací prvek je vybrán pohlédnutím na rozevírací seznam v horní části okna Vlastnosti, jak je znázorněno na následujícím obrázku.

   Okno Vlastnosti zobrazující ovládací prvek TableLayoutPanel

   

5. Selektor ovládacího prvku je rozevírací seznam v horní části okna Vlastnosti. V tomto příkladu se ukazuje, že ovládací prvek s názvem tableLayoutPanel1 je vybrán. Můžete vybrat ovládací prvky buď kliknutím v Návrháři formulářů nebo výběrem ze selektoru ovládacího prvku. Nyní je tento kontejner TableLayoutPanel vybrán, vyhledejte vlastnost Dock a klikněte na Dock, která by měla být nastavena na hodnotu None. Všimněte si, že rozevírací šipka se objevuje vedle hodnoty. Klikněte na šipku a potom vyberte tlačítko Fill (velké tlačítko uprostřed), jak je znázorněno na následujícím obrázku.

   Okno Vlastnosti s vybranou vlastností Fill

   

6. Poté, co nastavíte kontejneru TableLayoutPanel vlastnost Dock na hodnotu Fill, panel vyplní celý formulář. Pokud změníte změnit velikost formuláře znovu, kontejner TableLayoutPanel zůstane ukotvený a změní velikost sebe sama na vhodnou.

   Poznámka

   Kontejner TableLayoutPanel funguje jako tabulka v aplikaci Microsoft Office Word: Má řádky a sloupce a jednotlivá buňka může být rozložena přes více řádků a sloupců. Každá buňka může obsahovat jeden ovládací prvek(například tlačítko, zaškrtávací políčko nebo jmenovku). Váš kontejner TableLayoutPanel bude mít ovládací prvek PictureBox rozložený přes celý horní řádek, ovládací prvek CheckBox v jeho buňce vlevo dole a čtyři ovládací prvky Button v pravém dolním rohu buňky.

   Poznámka

   Přestože bylo uvedeno, že každá buňka může obsahovat pouze jeden ovládací prvek, pravá dolní buňka má čtyři ovládací prvky Button. Důvodem je, že v buňce obsahující další ovládací prvky můžete umístit ovládací prvek. Tento druh ovládacího prvku se nazývá kontejner a kontejner TableLayoutPanel je kontejner. O tomto se dozvíte více dále v kurzu.

7. V současné době kontejner TableLayoutPanel má dva stejně velké řádky a dva stejně velké sloupce. Je nutné změnit jejich velikost, takže horní řádek a sloupec vpravo jsou oba mnohem větší. V Návrháři formulářů vyberte kontejner TableLayoutPanel. V pravém horním rohu je malé černé trojúhelníkové tlačítko, které je zobrazeno následujícím způsobem.

   Trojúhelníkové tlačítko

   

   Toto tlačítko znamená, že ovládací prvek má úkoly, které vám pomohou automaticky nastavit jeho vlastnosti.

8. Klikněte na trojúhelník k zobrazení seznamu úloh ovládacího prvku, jak je znázorněno na následujícím obrázku.

   Úlohy třídy TableLayoutPanel

   

9. Klikněte na úlohu Úpravy řádků a sloupců k zobrazení okna Styly řádku a sloupce. Klikněte na tlačítko Column1 a změňte jeho velikost na 15 procent s ujištěním, že je vybráno tlačítko Percent a zadejte hodnotu 15 v poli Percent. (To je ovládací prvek NumericUpDown, který použijete v pozdějších kurzech.) Klikněte na tlačítko Column2 a nastavte ho na 85 procent. Neklikejte ještě na tlačítko OK, protože by se okno zavřelo. (Ale pokud tak učiníte, můžete jej znovu otevřít pomocí seznam úkolů).

10. Z rozevíracího seznamu Show v horní části okna klikněte na tlačítko Rows. Nastavte Row1 na 90 procent a Row2 na 10 procent.

11. Klepněte na tlačítko OK. Váš kontejner TableLayoutPanel by nyní měl mít velký horní řádek, malý dolní řádek, malé levý sloupec a velký pravý sloupec. Můžete změnit velikost řádků a sloupců v kontejneru TableLayoutPanel přetažením jejich ohraničení.

Chcete-li pokračovat nebo znovu projít

• Přechod na další výukový program naleznete v tématu Krok 5: Přidat ovládací prvky do formuláře.

• K návratu do předchozího kroku výukového programu přejděte na Krok 3: Nastavit vlastnosti formuláře.