javafx：AnchorPane设置子容器和父容器同等大小

 

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 AnchorPaneExample extends Application {

    public static void main(String[] args) {
        launch(args);
    }

    @Override
    public void start(Stage primaryStage) {
        primaryStage.setTitle("Anchor Pane Example!");

        AnchorPane anchorPane = new AnchorPane();
        
        Button topBtn = new Button("Top Button");
        Button bottomBtn = new Button("Bottom Button");
        Button leftBtn = new Button("Left Button");
        Button rightBtn = new Button("Right Button");
        
        anchorPane.getChildren().addAll(topBtn,bottomBtn,leftBtn,rightBtn);
        AnchorPane.setBottomAnchor(bottomBtn, 8.0);
        AnchorPane.setRightAnchor(rightBtn, 5.0);
        AnchorPane.setTopAnchor(topBtn, 20.0);
        AnchorPane.setLeftAnchor(leftBtn, 40.0);
        AnchorPane.setBottomAnchor(leftBtn, 40.0);

        primaryStage.setScene(new Scene(anchorPane, 400, 250));
        primaryStage.show();
    }

}

上面的例子中 leftBtn 设置了 Left 和 Bottom 两个停靠属性。AnchorPane.setxxxAnchor 方法的第二个参数用于设置边距。

 

这是在java中写的代码，在有fxml的的地方，直接在相关控件下添加即可

<?import javafx.scene.layout.GridPane?>
<?import javafx.scene.layout.AnchorPane?>
<?import javafx.scene.control.TextArea?>
<GridPane fx:controller="sample.Controller"
          xmlns:fx="http://javafx.com/fxml" alignment="center" hgap="10" vgap="10">
    <AnchorPane>
        <children>
            <TextArea fx:id="text" AnchorPane.bottomAnchor="0.0" AnchorPane.leftAnchor="0.0"
                      AnchorPane.rightAnchor="0.0" AnchorPane.topAnchor="0.0"/>
        </children>
    </AnchorPane>
</GridPane>