Flex Layout áttekintés

Utoljára frissítve: 2026. aug. 7.

Használja az InDesign Flex elrendezés paneljét elemek létrehozásához, igazításához, irányának beállításához, tördeléséhez, sorkizárásához és térközök megadásához a Flex elrendezésben.

Mi az a Flex layout?

Flex Layout egy olyan funkció, amely lehetővé teszi olyan tárolók létrehozását, amelyek automatikusan alkalmazkodnak a tartalom változásaihoz. A tároló elemei az irány, a térköz, a margók és az elrendezés alapján vannak elhelyezve. Amikor tartalmat adnak hozzá, távolítanak el vagy méreteznek át, az elrendezés automatikusan igazodik, így nincs szükség kézi beállításokra.

Flex elrendezés beállításainak elérése

Jelöljön ki egy objektumot/csoportot/több objektumot a dokumentumban, és tegye a következők egyikét a Flex elrendezés beállításainak eléréséhez:

  • Lépjen az Objektum > Flex elrendezés lehetőséghez.
  • Kattintson jobb gombbal az objektumra a Flex elrendezés eléréséhez.
  • Lépjen az Ablak > Flex elrendezés panelre.
  • Egyszer kattintson a szülő Flex használatához, és kattintson duplán a gyermek kijelöléséhez.
  • Használja a Közvetlen kijelölés eszközt a gyermekelemek kiválasztásához.

Hozzáadás a Flex elrendezéshez

Hozzáadja a kijelölt objektumokat egy Flex Layout-hoz.

Konvertálás Flex elrendezésre

Átalakít egy objektumot (téglalap keretet, téglalap alakzatot vagy csoportot) Flex Layout-tá.

Flex elrendezés eltávolítása

Eltávolítja a Flex Layout-ot a kijelölésből. Ha a Flex Layout több objektumot tartalmazott, egy csoport jön létre. Ha egy objektum volt benne, az objektum megmarad.

Flex vezérlők megjelenítése

Megnyitja a Flex Layout panelt (alternatíva a Tulajdonságok panelhez).

A Flex Layout egy CSS Flexbox-szerű tároló koncepciót vezet be az InDesignba. Hatékony elrendezés-vezérlést biztosít a gyermekelemekhez.A Flex Layout segítségével a tervek strukturáltabbá, adaptívabbá válnak, és kevesebb kézi beállítást igényelnek.

Flex-elrendezési tároló

Beállíthatja a Flex Layout tulajdonságait közvetlenül az Object Styles panelen. Létrehozhat egy Object Style-t Vertical Container névvel, amely tartalmazza a Flex Layout beállításait, majd alkalmazhatja bármely Flex Layout tárolóra a layoutjában.

Példa:

Használja az Object Styles panelt a Flex Layout alkalmazásához és olyan tulajdonságok beállításához, mint az irány, igazítás és térköz. A mentést követően alkalmazza ezt a stílust más tárolókra az egységes elrendezési viselkedés érdekében.

Flex-elrendezési gyermekelem

Ugyanaz a Flex Layout szakasz az Object Styles panelen tulajdonságokat definiálhat a Flex Layout gyermekelemek és azok beágyazott gyermekelemeinek számára is, lehetővé téve a viselkedés szabványosítását, mint például a fix vagy rugalmas méretek a layout egészében.

  • Interaktív elemek közvetlen létrehozása: Alakítsa át a gyermekelemeket egy Flex Layout tárolón belül interaktív elemekké anélkül, hogy azokat külön létrehozná és hozzáadná a Flex Layout tárolóhoz.
  • Gyermekelemek zárolása: Zároljon egy vagy több gyermekelemet egy Flex Layout tárolón belül, hogy megakadályozza azok közvetlen húzását, átméretezését vagy a kereten kívülre mozgatását, miközben továbbra is lehetővé teszi a pozíció megváltoztatását a billentyűzet nyílgombjaival.
  • Billentyűzetes navigáció a gyermekelemekhez: Helyezze át a zárolt vagy nem zárolt elemeket a bal vagy jobb nyílgombokkal vízszintes layoutoknál vagy a fel vagy le nyílgombokkal függőleges layoutoknál.
Tipp

Használhatja az Object Styles panelt flex tulajdonságok definiálásához zárolt flex kereteken belül.

Flex elrendezés panel

A panel eléréséhez lépjen az Ablak > Színátmenet menüpontra. Megnyílik a Flex elrendezés panel. Most létrehozhat vagy hozzáadhat egy Flex elrendezést, vagy testreszabhat egy meglévőt az igényeinek megfelelően. Ha nincs kijelölés, a panel használható az alapértelmezések módosítására (ha az automatikus felismerés KI van kapcsolva). Navigáljon a Beállítások > Általános > Flex elrendezési beállítások automatikus észlelése és alkalmazása menüponthoz az automatikus észlelés beállításának ellenőrzéséhez.

Flex elrendezés panel a Flex elrendezés létrehozásának különböző lehetőségeivel

A. A Flex konténer szélessége B. A Flex konténer magassága C. Tördelés D. Objektumok iránya a Flex elrendezésben E. Függőleges térköz F. Vízszintes térköz G. Belső margó  H. Sorkizárás I. Objektumok igazítása a Flex elrendezésben 

Szélesség és Magasság

Mind a Flex Layout tárolók, mind gyermekeik mérete egymástól függetlenül szabályozható. Egy Flex Layout tároló esetében a szélesség és magasság lehet:

  • Rögzített: A tároló mérete állandó marad, függetlenül annak tartalmától.
  • Automatikus: A tároló mérete nő vagy csökken a gyermekelemek mérete alapján.

Egy Flex Layout gyermek esetében (beleértve a beágyazott Flex Layout elemeket):

  • Rögzített: A gyermekelem mérete állandó marad, függetlenül annak tartalmától.
  • Automatikus: A gyermekelem mérete a saját tartalmához vagy gyermekelemeihez igazodik.
  • Kitöltés: A gyermekelem kiterjed, hogy elfoglalja a maradék rendelkezésre álló helyet abban a dimenzióban, szükség szerint megosztva a helyet más Kitöltés testvérelemekkel.

Tördelés

Be- vagy kikapcsolja az objektum tördelését a tárolóban.

Irány

Válassza ki, hogyan áramoljanak az elemek a tárolón belül (sor, fordított sor, oszlop, fordított oszlop).

Távolság:

Szabályozza a belső margót és a térközöket.

  • Belső térköz: Határozza meg a tárolón belüli térközt minden oldalon (felül, alul, balra, jobbra).
  • Vízszintes térköz : Állítson be egyenletes térközt az elemek között vízszintesen.
  • Függőleges térköz : Állítson be egyenletes térközt az elemek között függőlegesen.

Sorkizárás

Szabályozza az elemek elosztását a fő tengely mentén.

Igazítja a sort a Flex Layout elejéhez és az elemeket a sor elejéhez.

Igazítja a sort a Flex Layout közepéhez, és igazítja az elemeket a sor közepéhez.

Igazítja a sort a Flex Layout végéhez, és igazítja az elemeket a sor végéhez.

Az elemeket úgy igazítja a sorokban, hogy –

  • Egyenlő térköz van minden elem mindkét oldalán.
  • A szélső elemeknek csak az egyik oldala van szabadon; a széleknél lévő térköz fele az elemek közötti térköznek.

Az elemeket úgy igazítja a sorokban, hogy –

  • Az első elem a kezdő szélhez, az utolsó elem pedig a záró szélhez illeszkedik.
  • A fennmaradó elemek csak közöttük vannak egyenletesen elosztva.
  • Az elemeket egyenletesen osztja el a fő tengely mentén, az első elem a kezdetnél, az utolsó elem a végénél.
  • Nincs rés a külső széleken.

Az elemeket úgy igazítja a sorokban, hogy –

  • Egyenlő távolság mindenhol: az elemek között és a széleken.
  • Minden teljesen egyenletes.

Igazítás

Igazítja az elemeket a kereszttengely mentén: Felül, Középen, Alul, vagy Balra, Középen, Jobbra.

Bal felső: Igazítja a sorokat a Flex Layout tároló bal felső részéhez, és igazítja a sor elemeit a sor bal felső részéhez.

Bal közép: A sorokat a Flex Layout tároló bal közép részéhez igazítja, és a soron belüli elemeket a sor bal közép részéhez igazítja.

Bal alsó: Igazítja a sorokat a Flex Layout tároló bal alsó részéhez, és igazítja a sor elemeit a sor bal alsó részéhez.

Felső középen: Igazítja a sorokat a Flex Layout tároló felső közepéhez, és igazítja a sor elemeit a sor felső közepéhez.

Középen: Igazítja a sorokat a Flex Layout tároló közepéhez, és igazítja a sor elemeit a sor közepéhez.

Alsó középen: Igazítja a sorokat a Flex Layout tároló alsó közepéhez, és igazítja a sor elemeit a sor alsó közepéhez.

Jobb felső: Igazítja a sorokat a Flex Layout tároló jobb felső részéhez, és igazítja a sor elemeit a sor jobb felső részéhez.

Középső jobb: A sorokat a Flex Layout tároló középső jobb oldalához igazítja, és a sor elemeit a sor középső jobb oldalához igazítja.

Jobb alsó: Igazítja a sorokat a Flex Layout tároló jobb alsó részéhez, és igazítja a sor elemeit a sor jobb alsó részéhez.

Kijelölési jelzők Flex-elrendezésekben

Az InDesign vizuális jelzéseket használ, hogy segítsen megérteni a kijelölési állapotokat Flex-elrendezésekben:

  • A pontozott körvonalak nem aktív elrendezési szinteket jeleznek.
  • A folytonos körvonalak kijelölhető testvérkereteket jeleznek.
  • A Közvetlen kijelölési eszköz lehetővé teszi a beágyazott keretek közvetlen kijelölését ismételt kattintgatás nélkül.

Ezek a jelzők segítenek tisztázni a hierarchiát és a kijelölési fókuszt beágyazott elrendezések használatakor.

Vásznon megjelenő kitöltési és térköz vezérlők

A Flex-elrendezések interaktív vásznon megjelenő vezérlőket biztosítanak a kitöltés és térköz beállításához:

  • Összekapcsolt kitöltés: Mind a négy kitöltési érték együttes beállítása.
  • Szétkapcsolt kitöltés: Minden oldal külön beállítható.
  • Vízszintes és függőleges térköz: A térköz közvetlen módosítása az elemek között, beleértve a törött sorokat vagy oszlopokat.

A vásznon megjelenő vizuális jelzők tükrözik az aktuális értékeket és valós időben frissülnek a Flex Layout panelen.

Flex-elrendezési keretek átalakítása és nyírása

Ön most már elforgathatja, tükrözheti, méretezheti vagy nyírhatja a Flex-elrendezést anélkül, hogy megszakítaná annak működését. Az átalakítások mind a szülő, mind a beágyazott Flex keretekre vonatkoznak, és a Flex Layout panel aktív marad az objektumok átalakítása közben. Ez lehetővé teszi az igazítás, térköz, tördelés és irány beállítását az elrendezések átalakítása közben, anélkül, hogy megtörné a Flex szerkezetet.