Overzicht van het deelvenster Flex Layout

Ga om het deelvenster te openen naar Venster > Flex Layout. Het deelvenster Flex Layout wordt geopend. U kunt nu een Flex Layout maken of een bestaande naar wens aanpassen. Als er niets is geselecteerd, kunt u het deelvenster gebruiken om de standaardinstellingen te wijzigen (van toepassing als automatische detectie UIT staat).

Navigeer naar Voorkeuren > Algemeen > Automatisch detecteren en Flex Layout-instellingen toepassen om de instelling Automatisch detecteren te controleren.

Deelvenster Flex Layout met verschillende opties om een flex-layout te maken — Verken het deelvenster Flex Layout

A. Breedte van de flex-container B. Hoogte van de flex-container C. Omloop D. Richting van objecten in Flex Layout E. Verticale afstand F. Horizontale spatiëring G. Opvulling H. Uitvulling I. Uitlijning van de objecten in Flex Layout

Breedte en Hoogte

De grootte van zowel Flex Layout-containers als hun onderliggende items kan onafhankelijk worden geregeld.

Voor een Flex Layout-container kunnen de breedte en hoogte zijn:

Vast: De containergrootte blijft constant, ongeacht de inhoud.
Auto: De containergrootte groeit of krimpt op basis van de grootte van zijn onderliggende elementen.

Voor een Flex Layout-element (inclusief geneste Flex Layout):

Vast: De grootte van het onderliggende item blijft constant, ongeacht de content.
Auto: De grootte van het onderliggende element past zich aan om bij de eigen inhoud of onderliggende elementen te passen.
Ruimte opvullen: Het onderliggende item wordt uitgevouwen om de resterende beschikbare ruimte in die dimensie te bezetten en deelt de ruimte indien nodig met andere gelijkwaardige items van "Ruimte opvullen".

Verdraaien

Schakelt de omloop van objecten in de container in of uit.

Richting

Kies hoe items langs de container lopen (rij, omgekeerde rij, kolom, omgekeerde kolom).

Tussenruimte

Hiermee regelt u de opvulling en de tussenruimte.

Opvulling- Definieer de tussenruimte in de container aan alle zijden (boven, onder, links, rechts).
Horizontale tussenruimte - Stel consistente horizontale tussenruimte tussen items in.
Verticale tussenruimte - Stel consistente verticale tussenruimte tussen items in.

Uitvulling

Hiermee regelt u de verdeling van items langs de hoofdas.

	Lijnt de rij uit aan het begin van de Flex Layout en lijnt de items uit aan het begin van de rij.
	Lijnt de rij uit naar het midden van de Flex Layout en lijnt de items uit naar het midden van de rij.
	Lijnt de rij uit aan het einde van de Flex Layout en lijnt de items uit aan het einde van de rij.
	Lijnt items in rijen zodanig uit dat - Gelijke ruimte aan beide zijden van elk item. Van de items aan de rand is slechts één zijde blootgesteld; de ruimte aan de randen is de helft van de ruimte tussen items.
	Lijnt items in rijen zodanig uit dat - Het eerste item gelijk ligt met de beginrand en het laatste item gelijk ligt met de eindrand. De overige items worden alleen met gelijke tussenafstanden verdeeld. Verdeelt de items gelijkmatig langs de hoofdas, met het eerste item aan het begin en het laatste item aan het eind. Geen tussenruimte aan de buitenranden.
	Lijnt items in rijen zodanig uit dat - Overal gelijke ruimte: tussen items en aan de randen. Alles is werkelijk gelijk.

Uitlijning

Lijnt items uit over de dwarsas: Boven, Midden, Onder, of Links, Midden, Rechts.

	Linksboven: Lijnt de rijen uit naar linksboven de Flex Layout-container en lijnt de items in de rij uit naar linksboven de rij.
	Linksmidden: Lijnt de rijen uit naar links midden onder de Flex Layout-container en lijnt de items in de rij uit naar het midden links van de rij.
	Linksonder: Lijnt de rijen uit naar links onderaan de Flex Layout-container en lijnt de items in de rij uit naar links onderaan de rij.
	Midden boven: Lijnt de rijen uit naar het midden boven de Flex Layout-container en lijnt de items in de rij uit naar het midden boven de rij.
	Midden: Lijnt de rijen uit naar het midden van de Flex Layout-container en lijnt de items in de rij uit naar het midden van de rij.
	Middenonder: Lijnt de rijen uit naar het midden onderaan de Flex Layout-container en lijnt de items in de rij uit naar het midden onderaan de rij.
	Rechtsboven: Lijnt de rijen uit naar rechtsboven de Flex Layout-container en lijnt de items in de rij uit naar rechtsboven de rij.
	Rechtsmidden: Lijnt de rijen uit naar rechtsmidden onder de Flex Layout-container en lijnt de items in de rij uit naar het rechtsmidden de rij.
	Rechtsonder: Lijnt de rijen uit naar rechtsonder de Flex Layout-container en lijnt de items in de rij uit naar rechtsonder de rij.