java - 在父 BorderPane 中居中放置 ImageView 并调整其大小

Question

我有以下 FXML:

<?xml version="1.0" encoding="UTF-8"?>

<?import javafx.scene.image.*?>
<?import javafx.scene.effect.*?>
<?import javafx.geometry.*?>
<?import javafx.scene.control.*?>
<?import java.lang.*?>
<?import javafx.scene.layout.*?>

<BorderPane fx:id="mainBorderPane" prefHeight="600.0" prefWidth="800.0" xmlns="http://javafx.com/javafx/8" xmlns:fx="http://javafx.com/fxml/1" fx:controller="de.mho.livepicture.server.ui.presenter.UIPresenter">
   <top>
      <MenuBar BorderPane.alignment="CENTER">
        <menus>
          <Menu mnemonicParsing="false" text="Datei">
            <items>
              <MenuItem mnemonicParsing="false" onAction="#exit" text="Beenden" />
            </items>
          </Menu>
          <Menu mnemonicParsing="false" text="Hilfe">
            <items>
              <MenuItem mnemonicParsing="false" text="Über..." />
            </items>
          </Menu>
        </menus>
      </MenuBar>
   </top>
   <bottom>
      <HBox alignment="CENTER_RIGHT" spacing="6.0" BorderPane.alignment="CENTER_RIGHT">
         <children>
            <Button fx:id="startStopServerButton" mnemonicParsing="false" onAction="#startStopServer" text="Server starten" />
            <Button mnemonicParsing="false" onAction="#exit" text="Beenden">
               <opaqueInsets>
                  <Insets />
               </opaqueInsets>
               <HBox.margin>
                  <Insets />
               </HBox.margin>
            </Button>
         </children>
         <BorderPane.margin>
            <Insets bottom="6.0" left="6.0" right="6.0" top="6.0" />
         </BorderPane.margin>
      </HBox>
   </bottom>
   <center>
      <ImageView fx:id="imageView" pickOnBounds="true" preserveRatio="true" BorderPane.alignment="CENTER" />
   </center>
</BorderPane>

在我的演示器( Controller )中，我执行以下操作来动态居中图像并调整图像大小:

mainBorderPane.prefWidthProperty().bind(primaryStage.widthProperty());
mainBorderPane.prefHeightProperty().bind(primaryStage.heightProperty());

imageView.setImage(new Image(MAIN_ICON_BLACK_URL));
imageView.fitWidthProperty().bind(mainBorderPane.widthProperty());
imageView.fitHeightProperty().bind(mainBorderPane.heightProperty());

我不知道如何让 ImageView 调整 BorderPane 中心的可用空间大小。它始终使用舞台/场景的整个可用大小。

Answer 1

尝试向 BorderPane 的left 和 right 添加一个节点。这应该可以防止 ImageView 占据整个空间。