JavaFX 窗口面板、组件控件动态变化自适应

在进行 JavaFX 开发时，很多时候我们需要窗口面板，或者面板内的组件控件类似于 Html 界面一样根据变化进行动态调整，自适应变化。

具体效果如下：

具体实现：

@SpringBootApplication
public class GeminiApplication extends AbstractJavaFxApplicationSupport {

    public static void main(String[] args) {
        launch(GeminiApplication.class, ModelView.class, args);
    }

    @Override
    public void start(Stage stage) throws Exception {
		// 监听窗口面板宽度变化
		stage.widthProperty().addListener(new ChangeListener<Number>() {
            @Override
            public void changed(ObservableValue<? extends Number> observable, Number oldValue, Number newValue) {
				// 更新GUI组件
                Platform.runLater(new Runnable() {
					@Override
					public void run() {
						Scene scene = stage.getScene();
						// 自适应按钮 对应 fx:id
						JFXButton button = (JFXButton) scene.lookup("#button");
						double width = stage.getWidth();
						button.setPrefWidth(width * 0.6);
					}
				}
            }
        });
		// 监听窗口面板高度变化
		stage.heightProperty().addListener(new ChangeListener<Number>() {
            @Override
            public void changed(ObservableValue<? extends Number> observable, Number oldValue, Number newValue) {
				// 具体操作
			}
        });
		super.start(stage);
    }
}

对应Fxml：

<StackPane minHeight="60.0" minWidth="800.0" alignment="TOP_CENTER" AnchorPane.topAnchor ="0.0" AnchorPane.bottomAnchor ="0.0" AnchorPane.leftAnchor ="0.0" AnchorPane.rightAnchor ="0.0">
	<children>
		<JFXButton fx:id="button" style="-fx-font-size: 14px; -fx-background-color: #F4A460;" minHeight="50.0" minWidth="400.0" buttonType="RAISED" text="自 适 应 按 钮">
		</JFXButton>
	</children>
</StackPane>