Přehled rozložení Flex

Naposledy aktualizováno 7. 8. 2026

Pomocí panelu Rozvržení Flex v aplikaci InDesign můžete vytvářet, zarovnávat, nastavovat směr, zalamovat, upravovat a nastavovat mezery mezi položkami v rozvržení Flex.

Co je rozložení Flex?

Rozvržení Flex je funkce, která umožňuje vytvářet kontejnery, které se automaticky přizpůsobují při změnách obsahu. Položky v kontejneru jsou umístěny pomocí směru, rozestupů, odsazení a zarovnání. Když se obsah přidá, odebere nebo změní velikost, rozvržení se automaticky upraví, což eliminuje potřebu ručních úprav.

Přístup k options flex

Vyberte objekt/skupinu/více objektů ve vašem dokumentu a proveďte jednu z následujících akcí pro přístup k options Flex Layout:

  • Přejděte do Object > Flex Layout.
  • Klikněte pravým tlačítkem na objekt pro přístup k Flex Layout.
  • Přejděte do panelu Window > Flex Layout.
  • Jedním kliknutím pracujete s nadřazeným prvkem Flex a dvojklikem vyberete podřízený prvek.
  • Pomocí nástroje Přímý výběr vyberte podřízené položky.

Přidat do flex

Přidává vybrané objekty do rozvržení Flex.

Převést na flex rozvržení

Převádí objekt (obdélníkový rámeček, obdélníkový tvar nebo skupinu) na rozvržení Flex.

Odstranit flex rozvržení

Odebere rozvržení Flex z výběru. Pokud rozvržení Flex obsahovalo více objektů, vytvoří se skupina. Pokud obsahovalo jeden objekt, objekt zůstane.

Zobrazit ovládací prvky flex

Otevře panel rozvržení Flex (alternativa k panelu Vlastnosti).

Flex Layout zavádí v aplikaci InDesign koncept kontejneru podobný CSS Flexboxu.Poskytuje výkonné ovládání rozložení pro podřízené objekty. S Flex Layout se návrhy stávají strukturovanějšími, více adaptivními a vyžadují méně ručních úprav.

Kontejner rozvržení Flex

Vlastnosti Flex Layout můžete konfigurovat přímo ve Stylech objektu.Můžete vytvořit Styl objektu s názvem Vertikální kontejner, který zahrnuje nastavení Flex Layout, a poté jej aplikovat na jakýkoliv kontejner Flex Layout ve vašem rozložení.

Příklad:

Použijte panel Styly objektu k použití Flex Layout a nastavte vlastnosti, jako je směr, zarovnání a rozestupy.Po uložení použijte tento styl na další kontejnery pro konzistentní chování rozvržení.

Podřízený objekt rozvržení Flex

Stejná sekce Flex Layout ve Stylech objektu může také definovat vlastnosti pro podřízené prvky Flex Layout a jejich vnořené podřízené prvky, což vám umožní standardizovat chování, jako jsou pevné nebo flexibilní rozměry, v celém rozložení.

  • Přímé vytváření interaktivních prvků: Převeďte podřízené prvky v rámci Flex Layout na interaktivní prvky, aniž byste je vytvářeli samostatně a přidávali do Flex Layout.
  • Uzamknutí podřízených prvků: Uzamkněte jeden nebo více podřízených prvků v rámci Flex Layout, abyste zabránili jejich přímému přetahování, změně velikosti nebo přesunutí mimo rámec, přičemž stále umožníte změny pozice pomocí šipek na klávesnici.
  • Navigace pomocí klávesnice pro podřízené prvky: Přemístěte uzamčené nebo neuzamčené prvky pomocí šipek vlevo nebo vpravo u horizontálních rozložení nebo šipek nahoru či dolů u vertikálních rozložení.
Tip

Můžete použít Styly objektu k definování vlastností flex v uzamčených flexibilních rámcích.

Panel Rozložení Flex

Chcete-li panel otevřít, přejděte do nabídky Okna > Rozvržení Flex. Otevře se panel Rozvržení Flex. Nyní můžete vytvořit nebo přidat rozvržení Flex nebo přizpůsobit stávající podle vašich požadavků. Pokud není nic vybráno, panel lze také použít ke změně výchozích hodnot (platí, pokud je automatická detekce VYPNUTÁ). Přejděte do Předvolby > Obecné > Automatická detekce a použití nastavení rozvržení Flex pro kontrolu nastavení automatické detekce.

Panel Rozvržení Flex zobrazující různé možnosti pro vytvoření rozvržení Flex

A. Šířka kontejneru Flex B. Výška kontejneru Flex C. Obtékání D. Směr objektů v rozvržení Flex E. Svislé mezery F. Horizontální mezery G. Odsazení  H. Zarovnání I. Zarovnání objektů v rozvržení Flex 

ŠířkaVýška

Velikost kontejnerů Flex Layout i jejich potomků lze ovládat nezávisle.U kontejneru Flex Layout může být šířka a výška:

  • Pevná: Velikost kontejneru zůstává konstantní bez ohledu na jeho obsah.
  • Auto: Velikost kontejneru se zvětšuje nebo zmenšuje na základě velikosti jeho potomků.

U potomka Flex Layout (včetně vnořeného Flex Layout):

  • Pevná: Velikost podřízeného prvku zůstává konstantní bez ohledu na jeho obsah.
  • Automaticky: Velikost podřízeného prvku se přizpůsobuje tak, aby odpovídala jeho vlastnímu obsahu nebo podřízeným prvkům.
  • Vyplnit prostor: Podřízený prvek se rozšíří tak, aby vyplnil zbývající dostupný prostor v daném rozměru, přičemž sdílí prostor s ostatními sourozenci Vyplnit prostor podle potřeby.

Obtékání

Zapne nebo vypne obtékání objektu v kontejneru.

Směr

Vyberte, jak budou položky uvnitř kontejneru uspořádány (řádek, obrácený řádek, sloupec, obrácený sloupec).

Mezery

Ovládá odsazení a mezery.

  • Odsazení: Definuje rozestupy uvnitř kontejneru ze všech stran (nahoře, dole, vlevo, vpravo).
  • Horizontální rozestupy : Nastavte konzistentní rozestupy mezi položkami horizontálně.
  • Vertikální rozestupy : Nastavte konzistentní rozestupy mezi položkami vertikálně.

Zarovnání

Ovládá rozmístění položek podél hlavní osy.

Zarovná řádek na začátek Flex Layout a zarovná položky na začátek řádku.

Zarovná řádek do středu Flex Layout a zarovná položky do středu řádku.

Zarovná řádek na konec Flex Layout a zarovná položky na konec řádku.

Zarovná položky v řádcích takto:

  • Stejná mezera na obou stranách každé položky.
  • Okrajové položky mají odhalenou pouze jednu stranu; mezera na okrajích je poloviční oproti mezeře mezi položkami.

Zarovná položky v řádcích takto:

  • První položka je zarovnána k počáteční hraně a poslední položka je zarovnána ke koncové hraně.
  • Zbývající položky jsou rovnoměrně rozmístěny pouze mezi nimi.
  • Rozmístí položky rovnoměrně podél hlavní osy, s první položkou na začátku a poslední položkou na konci.
  • Žádná mezera na vnějších okrajích.

Zarovná položky v řádcích takto:

  • Stejné mezery všude: mezi položkami i na okrajích.
  • Vše je skutečně vyrovnané.

Zarovnání

Zarovná položky napříč příčnou osou: Nahoře, Uprostřed, Dole, nebo Vlevo, Uprostřed, Vpravo.

Vlevo nahoře: Zarovná řádky vlevo nahoře v kontejneru Flex Layout a zarovná položky v řádku vlevo nahoře v řádku.

Vlevo uprostřed: Zarovná řádky vlevo uprostřed v kontejneru Flex Layout a zarovná položky v řádku vlevo uprostřed v řádku.

Vlevo dole: Zarovná řádky vlevo dole v kontejneru Flex Layout a zarovná položky v řádku vlevo dole v řádku.

Uprostřed nahoře: Zarovná řádky uprostřed nahoře v kontejneru Flex Layout a zarovná položky v řádku uprostřed nahoře v řádku.

Uprostřed: Zarovná řádky uprostřed v kontejneru Flex Layout a zarovná položky v řádku uprostřed v řádku.

Uprostřed dole: Zarovná řádky uprostřed dole v kontejneru Flex Layout a zarovná položky v řádku uprostřed dole v řádku.

Vpravo nahoře: Zarovná řádky vpravo nahoře v kontejneru Flex Layout a zarovná položky v řádku vpravo nahoře v řádku.

Vpravo uprostřed: Zarovná řádky vpravo uprostřed v kontejneru Flex Layout a zarovná položky v řádku vpravo uprostřed v řádku.

Vpravo dole: Zarovná řádky vpravo dole v kontejneru Flex Layout a zarovná položky v řádku vpravo dole v řádku.

Indikátory výběru v rozvrženích Flex

InDesign používá vizuální vodítka, která vám pomohou pochopit stavy výběru v rozvrženích Flex:

  • Tečkované obrysy označují neaktivní úrovně rozvržení.
  • Plné obrysy označují vybratelné rámce na stejné úrovni.
  • Nástroj pro přímý výběr umožňuje vybrat vnořené rámce přímo bez opakovaných kliknutí.

Tyto indikátory pomáhají objasnit hierarchii a zaměření výběru při práci s vnořenými rozvrženími.

Ovládací prvky odsazení a mezer na návrhové ploše

Rozvržení Flex poskytují interaktivní ovládací prvky na návrhové ploše pro úpravu odsazení a mezer:

  • Propojené odsazení: Upravte všechny čtyři hodnoty odsazení současně.
  • Nepropojené odsazení: Upravte každou stranu nezávisle.
  • Vodorovné a svislé mezery: Upravte mezery přímo mezi položkami, včetně zalomených řádků nebo sloupců.

Vizuální indikátory na návrhové ploše odrážejí aktuální hodnoty a aktualizují se v reálném čase v panelu rozvržení Flex.

Transformace a zkosení rámců rozvržení Flex

Nyní můžete otáčet, zrcadlit, škálovat nebo zkosit rozvržení Flex, aniž byste přerušili jeho chování. Transformace se vztahují na nadřazené i vnořené rámečky Flex a panel rozvržení Flex zůstává aktivní během transformace objektů. To vám umožňuje upravovat zarovnání, rozestupy, zalamování a směr během transformace rozvržení bez narušení struktury Flex.