Question

我有一系列我希望动态调整大小的元素。

我在较大的StackPane内设置了较小的AnchorPane。 AnchorPane根据窗口大小的变化调整大小。我正在尝试调整StackPane的大小以保持相对于AnchorPane调整大小之前的大小相同的大小。

基本上，如果我的AnchorPane为1000px且Stackpane为100px，如果AnchorPane扩大为1200px，则StackPane应为120px。

ChangeListener parentResized = new ChangeListener<Number>() {
    @Override
    public void changed(ObservableValue<? extends Number> oe, Number oldVal, Number newVal) {
        double diffBetween = sc.getWidth() / parent.getWidth();
        double toAdd = (newVal.doubleValue() - oldVal.doubleValue()) * diffBetween;
        sc.setPrefWidth(sc.getWidth() + toAdd);
    }
};

我无法使用ChangeListener来解决这个问题。 oldVal / newVal很快就会更新。

我遇到一个奇怪的问题，它似乎在加宽时正确调整大小，但是如果我在缩小时拖得足够慢，那么该元素根本不会调整大小。

Answer 1

您可以使用Binding来满足这些要求。将StackPane的高度和宽度绑定到AnchorPane的高度和宽度。

要将StackPane's 宽度和高度绑定到AnchorPane的1/10，您可以使用以下内容：

stackPane.prefHeightProperty().bind(anchorPane.heightProperty().divide(10));
stackPane.prefWidthProperty().bind(anchorPane.widthProperty().divide(10));

我创建了一个MCVE，其中StackPane的高度和宽度是AnchorPane的1/10。有些标签显示了两种布局的当前大小。

import javafx.application.Application;
import javafx.scene.Scene;
import javafx.scene.control.*;
import javafx.scene.layout.AnchorPane;
import javafx.scene.layout.StackPane;
import javafx.scene.layout.VBox;
import javafx.stage.Stage;

public class Main extends Application {

    @Override
    public void start(Stage primaryStage) {

        // Labels for AnchorPane's size
        Label apHeight = new Label();
        Label apWidth = new Label();

        // Labels for StackPane's size
        Label spHeight = new Label();
        Label spWidth = new Label();

        AnchorPane anchorPane = new AnchorPane();
        anchorPane.setStyle("-fx-background-color : CORNSILK");
        anchorPane.setPrefSize(500, 500);

        StackPane stackPane = new StackPane();
        stackPane.setStyle("-fx-background-color : AQUA");
        stackPane.getChildren().add(new VBox(spWidth, spHeight));

        // Add labels and StackPane to AnchorPane
        VBox box = new VBox(apHeight, apWidth);
        anchorPane.getChildren().addAll(box, stackPane);

        // Set StackPane location in AnchorPane
        AnchorPane.setTopAnchor(stackPane, 200.0);
        AnchorPane.setLeftAnchor(stackPane, 200.0);

        // Listeners for updating the Label
        anchorPane.widthProperty().addListener((ov, oldValue, newValue) -> apWidth.setText("Width : " + String.valueOf(newValue)));
        anchorPane.heightProperty().addListener((ov, oldValue, newValue) -> apHeight.setText("Height : " + String.valueOf(newValue)));

        stackPane.widthProperty().addListener((ov, oldValue, newValue) -> spWidth.setText("W : " + String.valueOf(newValue)));
        stackPane.heightProperty().addListener((ov, oldValue, newValue) -> spHeight.setText("H : " + String.valueOf(newValue)));

        // Bind StackPane's Height and Width to that of AnchorPane's
        stackPane.prefHeightProperty().bind(anchorPane.heightProperty().divide(10));
        stackPane.prefWidthProperty().bind(anchorPane.widthProperty().divide(10));

        Scene scene = new Scene(anchorPane);
        primaryStage.setScene(scene);
        primaryStage.show();
    }

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

我很难在JavaFX中调整一些元素来调整大小

1 个答案: