Die Anleitung zu JavaFX AnchorPane Layout
View more Tutorials:
AnchorPane ist ein Enthalter (container), der ziemlich gleich wie BorderPane ist. BorderPane teilt in 5 speziellen Region um in diese Region die Sub-Elemente zu stellen. Inzwischen teilt AnchorPane in 5 Region um die Sub-Elemente zu verankern. Beachten Sie, 5 Region vom AnchorPane sind nur 5 Logic-Region, kein echten Region

Eine Sub-Element, die im AnchorPane liegt, kann in ein oder viele Logic-Region vom AnchorPane verankern
Das folgende Image illustriert ein Sub-Element in AnchorPane. Es wird links und rechts von AnchorPane verankert . Und wenn AnchorPane die Breite (width) geändert wird, wird die Breite des Sub-Element auch geändert

Das Sub-Element wird in 4 Rande vom AnchorPane veränkert


BorderPaneDemo.java
package org.o7planning.javafx.anchorpane; import javafx.application.Application; import javafx.scene.Scene; import javafx.scene.control.Button; import javafx.scene.layout.AnchorPane; import javafx.stage.Stage; public class AnchorPaneDemo extends Application { @Override public void start(Stage primaryStage) throws Exception { AnchorPane root = new AnchorPane(); Button button1 = new Button("(B1) Top + Left + Right"); Button button2 = new Button("(B2) Top + Left + Right"); Button button3 = new Button("(B3) Top + Left + Right"); Button button4 = new Button("(B4) Top + Left + Right + Bottom"); // (B1) Anchor to the Top + Left + Right AnchorPane.setTopAnchor(button1, 40.0); AnchorPane.setLeftAnchor(button1, 50.0); AnchorPane.setRightAnchor(button1, 70.0); // (B2) Anchor to the Top + Left + Right AnchorPane.setTopAnchor(button2, 90.0); AnchorPane.setLeftAnchor(button2, 10.0); AnchorPane.setRightAnchor(button2, 320.0); // (B3) Anchor to the Top + Left + Right AnchorPane.setTopAnchor(button3, 100.0); AnchorPane.setLeftAnchor(button3, 250.0); AnchorPane.setRightAnchor(button3, 20.0); // (B4) Anchor to the four sides of AnchorPane AnchorPane.setTopAnchor(button4, 150.0); AnchorPane.setLeftAnchor(button4, 40.0); AnchorPane.setRightAnchor(button4, 50.0); AnchorPane.setBottomAnchor(button4, 45.0); // Add buttons to AnchorPane root.getChildren().addAll(button1, button3, button2, button4); Scene scene = new Scene(root, 550, 250); primaryStage.setTitle("AnchorPane Layout Demo (o7planning.org)"); primaryStage.setScene(scene); primaryStage.show(); } public static void main(String[] args) { launch(args); } }
Das Beispiel durchführen

- File/New/Other...




Die Sub-Elemete in die AnchorPane einfügen:

Anchor:
Die Sub-Elemente in der Rände vom AnchorPane verankern
