Krok 4: Rozvrhněte svůj formulář pomocí ovládacího prvku TableLayoutPanel

V tomto kroku přidáte ovládací prvek TableLayoutPanel do formuláře.TableLayoutPanel pomáhá správně zarovnat ovládací prvky ve formuláři, který přidáte později.

Video verzi tohoto tématu naleznete v části Kurz 1: Vytvoření prohlížeče obrázků v jazyce Visual Basic - Video 2 nebo Kurz 1: Vytvoření prohlížeče obrázků v jazyce C# - Video 2.Tato videa používají starší verzi aplikace Visual Studio, takže existují mírné rozdíly v některých příkazech nabídek a jiných prvcích uživatelského rozhraní.Nicméně koncepty a postupy fungují podobně, jako v aktuální verzi aplikace Visual Studio.

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

1. Na levé straně IDE pro Visual Studio vyhledejte kartu Panel nástrojů.Zvolte kartu Sada nástrojů a panel nástrojů se zobrazí. (Nebo na panelu nabídek zvolte možnost Zobrazení > Souprava nástrojů.)

2. Výběrem symbolu malého trojúhelníku vedle skupiny Kontejnery ji otevřete, 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ů. (Nebo můžete přetáhnout ovládací prvek z panelu nástrojů do formuláře.) 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.

   Všimněte si, jak se Panel nástrojů rozšíří na pokrytí formuláře po výběru jeho karty 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 výběrem ikony 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. Zvolte tlačítko Abecedně na panelu nástrojů v okně Vlastnosti.To způsobí, že se seznamu vlastností v okně Vlastnosti zobrazí v abecedním pořadí, které vám usnadní vyhledání vlastnosti v tomto výukovém programu.

6. 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ď výběrem oblasti v Návrháři formulářů Windows nebo výběrem ze selektoru ovládacího prvku.Nyní je tento kontejner TableLayoutPanel vybrán, vyhledejte vlastnost Dock a vyberte možnost Dock, která by měla být nastavena na hodnotu None.Všimněte si, že rozevírací šipka se objevuje vedle hodnoty.Vyberte š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

   

   Dokování odkazu v aplikaci Visual Studio na okno připojené k jinému oknu nebo oblasti v rozhraní IDE.Například okno Vlastnosti může být neukotveno – to znamená, nepřipojeno a volně plovoucí v aplikaci Visual Studio – nebo ho lze ukotvit oproti nástroji Průzkumník řešení.

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

   [!POZNÁMKA]

   TableLayoutPanel funguje jako tabulka v aplikaci Microsoft Office Word: má řádky a sloupce a jednotlivé buňky mohou zahrnovat 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.

8. 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ářů Windows 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.

9. Vyberte 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

   

10. Vyberte úlohu Úpravy řádků a sloupců k zobrazení okna Styly řádku a sloupce.Vyberte tlačítko Column1 a změňte jeho velikost na 15 procent – zkontrolujte, zda 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.) Vyberte tlačítko Column2 a nastavte ho na 85 procent.Nevybírejte ještě 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ů).

    Styly sloupců a řádků pro TableLayoutPanel

    

11. Z rozevíracího seznamu Zobrazit v horní části okna vyberte možnost Řádky.Nastavte Row1 na 90 procent a Row2 na 10 procent.

12. Klikně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.Velikost řádků a sloupců ve vlastnosti TableLayoutPanel můžete změnit výběrem tableLayoutPanel1 ve formuláři a přetažením ohraničení jeho řádku a sloupce.

    Form1 se změněnou velikostí TableLayoutPanel

    

Pokračování nebo kontrola

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

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