ImageView总是在场景大小之外缩放，似乎不能强迫它适应

Question

我是JavaFX新手（使用swing已经很长时间了），并且正在尝试使用BorderPane。人们会认为BorderPane类似于BorderLayout，但最大的区别是BorderPane的中心将扩展以适应其内容，而BorderLayout将收缩以适应窗口。

我在JFrame中使用JFXPanel，有一个3部分的界面：左边的面板（一些文本），底部的一些按钮（流控制），在中心想要有一个动态面板/窗格，在大部分情况下只是一个ImageView。我把它都设置好了，它工作得很好，但我在这里使用的相机图像比我的显示器大得多。我尝试通过将imageview的宽度绑定到不同的东西（如锚窗格、场景大小（工作，但不正确）等）来缩放图像。我遇到的问题是，由于BorderPane的中心面板扩展以适应其内容，它将扩展，并且永远不会有一个合适的值可以绑定。我需要图像在窗口中以任何大小都完全可见。

这是我一直在使用的代码。

protected void setupFXWindow(JFXPanel mainPanel) {
    butNext = new Button("Next Step");
    butBack = new Button("PreviousStep Step");
    butQuit = new Button("Cancel Signature Generation");
    butNext.setTooltip(new Tooltip("Next step..."));
    butBack.setTooltip(new Tooltip("Previous Step..."));
    butQuit.setTooltip(new Tooltip("Quit generating a signature"));

    Group root = new Group();
    Scene scene = new Scene(root, javafx.scene.paint.Color.ALICEBLUE);

    javafx.scene.image.Image fximage = new javafx.scene.image.Image(new File(image.getSourceFilePath()).toURI().toString());
    ImageView iv1 = new ImageView();
    iv1.setImage(fximage);
    iv1.setPreserveRatio(true);
    VBox directionsPanel = new VBox();
    HBox authorflowPanel = new HBox(); //bottom buttons for next, back, etc.
    mainPanel.setScene(scene);

    //INSTRUCTIONS
    directionsStepLabel = new Text();
    directionsLabel = new Text();
    setDirectionsText("Directions will be placed here.");
    exampleLabel = new Text("Example");
    exampleIconLabel = new Text("An example image will be shown here.");

    directionsPanel.setPadding(new javafx.geometry.Insets(5, 5, 5, 5));
    directionsPanel.getChildren().addAll(directionsStepLabel, directionsLabel, exampleLabel);

    authorflowPanel.getChildren().addAll(butBack, butQuit, butNext);

    BorderPane bp = new BorderPane();
    bp.prefHeightProperty().bind(scene.heightProperty());
    bp.prefWidthProperty().bind(scene.widthProperty());
    bp.setLeft(directionsPanel);
    bp.setBottom(authorflowPanel);
    bp.setCenter(iv1);
    root.getChildren().add(bp);
}

上面的代码使其看起来像这样：

Answer 1

将ImageView包装在某种窗格中（例如Stackpane)。然后窗格将填充边框窗格的中心区域，您可以绑定到其宽度和高度：

ImageView iv1 = new ImageView();
iv1.setImage(fximage);
iv1.setPreserveRatio(true);
StackPane imageContainer = new StackPane(iv1);
iv1.fitWidthProperty().bind(imageContainer.widthProperty());
iv1.fitHeightProperty().bind(imageContainer.heightProperty());

// ...

bp.setCenter(imageContainer);