FXML : 창 크기를 조정할 때 버튼을 중앙에 유지하는 방법은 무엇입니까?

Question

저는 FXML에서 UI를 디자인하고 부분적으로 Scene Builder를 사용하려고합니다. Anchorpane을 사용하여 장면의 모든 내용을 배치합니다. 그러나 창 크기를 더 크게 조정하면 단추가 가운데에서 왼쪽으로 이동합니다. 나는 그들이 페이지의 중앙에 머물고 있는지 확인하고 싶다. 이 작업을 수행하는 방법? 감사합니다. .

Answer 1

쉬운 방법은 StackPane 또는 BorderPane을 사용하는 것입니다. BorderPane의 경우, Pos.CENTER를 사용하여 버튼이 포함 된 버튼이나 컨테이너를 가운데 위치에 유지할 수 있습니다.

AnchorPane이 실제로 필요한 경우 크기를 조정할 때 width 및 height 속성 변경 리스너를 사용하여 버튼 위치를 조정할 수 있습니다.

private AnchorPane anchorPane; 
private Button button; 

anchorPane.widthProperty().addListener((ObservableValue<? extends Number> observable, Number oldValue, Number newValue) -> { 
     button.setLayoutX(newValue.doubleValue()/2 - (button.widthProperty().getValue()/2)); 
    }); 
anchorPane.heightProperty().addListener((ObservableValue<? extends Number> observable, Number oldValue, Number newValue) -> { 
     button.setLayoutY(newValue.doubleValue()/2 - (button.heightProperty().getValue()/2)); 
    });