Tilføj til Flex-layout
Brug flex-layout-panelet i InDesign til at oprette, justere, indstille retning, ombryde, tilpasse og lave mellemrum mellem elementer i flex-layout.
Hvad er et Flex-layout?
Flex-layout er en funktion, der gør det muligt at oprette containere, der tilpasser sig automatisk, når indholdet ændres. Elementer i containeren placeres ved hjælp af retning, mellemrum, margen og justering. Når indhold tilføjes, fjernes eller ændres størrelse på, justerer layoutet sig selv automatisk, hvilket eliminerer behovet for manuelle justeringer.
Få adgang til flex-layout-indstillinger
Vælg et objekt/gruppe/flere objekter i dit dokument, og gør et af følgende for at få adgang til indstillingerne for Flex-layout:
- Gå til Objekt > Flex-layout.
- Højreklik på objektet for at få adgang til Flex-layout.
- Gå til Vindue > Flex-layout-panel.
- Vælg én gang for at arbejde med den overordnede flex, og dobbeltklik for at vælge det underordnede element.
- Brug værktøjet Direkte markering til at vælge de underordnede elementer.
|
|
Føjer valgte objekter til et flex-layout. |
|
Konverter til Flex-layout |
Konverterer et objekt (rektangulær ramme, rektangulær form eller gruppe) til et flex-layout. |
|
Fjern Flex-layout |
Fjerner flex-layoutet fra markeringen. Hvis flex-layoutet har flere objekter, oprettes der en gruppe. Hvis det havde ét objekt, forbliver objektet uændret. |
|
Vis Flex-kontroller |
Åbner panelet Flex-layout (alternativ til panelet Egenskaber). |
Flex Layout introducerer et CSS Flexbox-lignende beholderkoncept i InDesign.Det giver kraftfuld layoutkontrol for underordnede objekter. Med Flex Layout bliver designs strukturerede, mere adaptive og kræver mindre manuel justering.
Flex-layout-container
Du kan konfigurere Flex Layout-egenskaber direkte i Objekttypografier. Du kan opret en Objekttypografi med navnet Vertikal beholder, der inkluderer Flex Layout-indstillinger, og derefter anvende den på enhver Flex Layout-beholder i dit layout.
Eksempel:
Brug panelet Objekttypografier til at anvende Flex Layout og indstil egenskaber som retning, justering og afstand. Når det er gemt, kan du anvende denne formatering på andre containere for at opnå ensartet layoutadfærd.
Underordnet flex-layout
Det samme Flex Layout-afsnit i Objekttypografier kan også definere egenskaber for Flex Layout underordnede elementer og deres nestede underordnede elementer, hvilket gør det muligt at standardisere adfærd, såsom faste eller fleksible dimensioner, på tværs af dit layout.
- Direkte oprettelse af interaktive elementer: Konverter underordnede elementer inden for et Flex Layout til interaktive elementer uden at oprette dem separat og tilføje dem til Flex Layout.
- Lås underordnede elementer: Lås et eller flere underordnede elementer inden for et Flex Layout for at forhindre direkte trækning, størrelse eller flytning af dem uden for rammen, mens du stadig tillader positionsændringer ved hjælp af tastaturets piletaster.
- Tastaturnavigation for underordnede elementer: Omplacer låste eller ulåste elementer ved hjælp af venstre eller højre piletaster i horisontale layouts eller op- eller nedpiletaster i vertikale layouts.
Du kan bruge Objekttypografier til at definere flex-egenskaber inden for låste flex-rammer.
Flex Layout-panel
For at få adgang til panelet, gå til Vindue > Flex-layout. Panelet Flex-layout åbnes. Du kan nu oprette eller tilføje et Flex-layout eller tilpasse et eksisterende efter dine behov. Hvis der ikke er valgt noget, kan du bruge panelet til at ændre standardindstillingerne (gælder hvis automatisk registrering er slået FRA). Gå til Indstillinger > Generelt > Automatisk registrering og anvendelse af flex-layoutindstillinger for at kontrollere indstillingen for automatisk registrering.
A. Bredde på Flex-containeren B. Højde på Flex-containeren C. Ombrydning D. Retning af objekter i flex-layout E. Lodret mellemrum F. Vandret afstand G. Margen H. Justering I. Justering af objekter i flex-layout
|
Bredde og højde |
Størrelsen af både Flex Layout-beholdere og deres børn kan kontrolleres uafhængigt. For en Flex Layout-beholder kan bredden og højden være:
For et Flex Layout barn (inklusive indlejrede Flex Layout):
|
||||||||||||||||||
|
Ombrydning |
Slår objektombrydning i beholderen til eller fra. |
||||||||||||||||||
|
Retning
|
Vælg, hvordan elementer skal flyde inde i containeren (række, række omvendt, kolonne, kolonne omvendt). |
||||||||||||||||||
|
Afstand |
Styrer margen og mellemrum.
|
||||||||||||||||||
|
Justering |
Styrer fordelingen af elementer langs hovedaksen.
|
||||||||||||||||||
|
Justering |
Justerer elementer på tværs af krydsaksen: Øverst, Midten, Nederst, eller Venstre, Midten, Højre.
|
Markeringsindikatorer i Flex-layouts
InDesign bruger visuelle signaler til at hjælpe dig med at forstå markeringstilstande i Flex-layouts:
- Prikkede konturer angiver ikke-aktive layoutniveauer.
- Solide konturer angiver valgbare søskenderammer.
- Værktøjet Direkte markering lader dig vælge indlejrede rammer direkte uden gentagne klik.
Disse indikatorer hjælper med at tydeliggøre hierarki og markeringsfokus, når du arbejder med indlejrede layouts.
Kontrolelementer til indre margen og mellemrum på lærredet
Flex-layouts giver interaktive kontrolelementer på lærredet til justering af indre margen og mellemrum:
- Sammenkædet indre margen: Juster alle fire indre margen-værdier sammen.
- Ikke-sammenkædet indre margen: Juster hver side uafhængigt.
- Vandret og lodret mellemrum: Modificer mellemrum direkte mellem elementer, inklusive ombrudte rækker eller kolonner.
Visuelle indikatorer på lærredet afspejler aktuelle værdier og opdateres i realtid i panelet Flex Layout.
Transformér og klip Flex-layout-rammer
Du kan nu rotere, spejle, skalere eller klippe et Flex-layout uden at afbryde dets funktionsmåde. Transformationer gælder for både overordnede og indlejrede flex-rammer, og panelet Flex Layout forbliver aktivt, mens du transformer objekter. Dette giver dig mulighed for at justere justering, afstand, ombrydning og retning, mens du transformer layouts, uden at bryde flex-strukturen.