Hoe de VBox-lay-out in JavaFX te gebruiken - dummies

De VBox -klasse lijkt op de HBox -klasse in JavaFX, maar in plaats van knopen horizontaal in een rij te rangschikken, het rangschikt ze verticaal in een kolom. In deze tabel worden de meest gebruikte constructors en methoden van de klasse VBox weergegeven.

VBox-constructors en -methoden

Constructor	Beschrijving
VBox ()	Creëert een lege VBox .
VBox (dubbele tussenruimte)	Creëert een lege VBox met de opgegeven tussenruimte.
VBox (knooppunt … kinderen)	maakt een VBox met de opgegeven onderliggende knooppunten. Met deze constructor kunt u een VBox maken en onderliggende knooppunten tegelijkertijd toevoegen.
VBox (dubbele afstand, knooppunt … kinderen)	Creëert een VBox met de opgegeven afstand en onderliggende knooppunten.
Methode	Beschrijving
ObservableList getChildren ()	Retourneert de verzameling van alle onderliggende knooppunten die zijn toegevoegd aan de VBox . De verzameling wordt geretourneerd als een ObservableList -type, inclusief de methode addAll , waarmee u een of meer knooppunten aan de lijst kunt toevoegen.
static void setAlignment (Pos alignment)	Stelt de uitlijning in voor onderliggende nodes binnen de HBox .
static void setMargin (Node child, Insets value)	Stelt de marges in voor een bepaald kindknooppunt.
void setPadding (Insets value)	Stelt de opvulling rond de binnenranden van de VBox in.
static void setVgrow (Node child, Priority priority)	Stelt het groeigedrag in van het gegeven onderliggende knooppunt.

De VBox -klasse wordt gedefinieerd in javafx . tafereel. layout -pakket, dus neem de volgende import -instructie op in elk programma dat een VBox :

javafx importeert. tafereel. lay-out. *;

Hier is een voorbeeld dat drie knoppen maakt en een VBox gebruikt om ze in een kolom te rangschikken:

Knop btn1 = nieuwe knop ("Knop Eén");

Knop btn2 = nieuwe knop ("Knop Twee");

Knop btn3 = nieuwe knop ("Knop Drie");

VBox vbox = nieuwe VBox (btn1, btn2, btn3);

U kunt hetzelfde bereiken door de standaardconstructor te gebruiken en de getChildren -methode aan te roepen, zoals in dit voorbeeld:

VBox vbox = new VBox ();

Vbox. getChildren (). addAll (btn1, btn2, btn3);

Net als bij de HBox -klasse, kunt u spacing, padding, marges en spacernodes gebruiken om de spatiëring van knooppunten in een VBox te regelen. Hier is een voorbeeld dat 10 pixels verticale ruimte tussen knooppunten en 10 pixels padding op elke rand van het venster instelt:

Knop btn1 = nieuwe knop ("Een");

Knop btn2 = nieuwe knop ("Twee");

Knop btn3 = nieuwe knop ("Drie");

VBox vbox = nieuwe VBox (10, btn1, btn2, btn3);

vbox.setPadding (nieuwe Insets (10));

Hier is een voorbeeld dat een kolom van drie knoppen maakt, met één knop bovenaan de kolom en twee aan de onderkant, met 10 pixels afstand en opvulling:

// Maak de knoppen

Knop btn1 = nieuwe knop ("één");

Knop btn2 = nieuwe knop ("Twee");

Knop btn3 = nieuwe knop ("Drie");

// Maak de spacer

Region spacer = new Region ();

// Stel de Vrow voor de spacer

VBox in. setVgrow (spacer, Priority ALTIJD);

// Maak het VBox-lay-outvenster

VBox vbox = nieuwe VBox (10, btn1, spacer, btn2, btn3);

vbox. setPadding (nieuwe Insets (10));