(JavaFX)(SceneBuilder)如果将所有内容都设置为AnchorPane,如何在调整窗口大小时自动调整场景大小?

时间:2017-02-11 03:51:29

标签: java javafx resize fxml

fxml文件中的所有代码都设置在一个锚窗格中,我想知道是否有一种简单的方法可以在调整窗口大小时允许整个场景自动调整大小?

FXML文件:

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

<?import javafx.scene.image.Image?>
<?import javafx.scene.image.ImageView?>
<?import javafx.scene.layout.AnchorPane?>

<fx:root maxHeight="-Infinity" maxWidth="-Infinity" minHeight="-Infinity" minWidth="-Infinity" prefHeight="400.0" prefWidth="600.0" type="AnchorPane" xmlns="http://javafx.com/javafx/8.0.111" xmlns:fx="http://javafx.com/fxml/1" fx:controller="csgocaseopener.InventoryController">
   <children>
      <ImageView fitHeight="400.0" fitWidth="600.0" pickOnBounds="true">
         <image>
            <Image url="@back.png" />
         </image>
      </ImageView>
      <AnchorPane layoutX="38.0" layoutY="65.0" prefHeight="270.0" prefWidth="525.0" />
      <ImageView fx:id="backbtn" fitHeight="45.0" fitWidth="45.0" layoutY="-1.0" onMouseClicked="#handleInventoryBack" pickOnBounds="true" preserveRatio="true" AnchorPane.leftAnchor="0.0" AnchorPane.topAnchor="-1.0">
         <image>
            <Image url="@backbtn.png" />
         </image>
      </ImageView>
   </children>
</fx:root>

1 个答案:

答案 0 :(得分:0)

ImaveView绑定到width / height属性为Stage width / height属性。该解决方案不会保持图像比例,因此会变形。

ImageView imageView = new ImageView(new Image(getClass().getResourceAsStream("test.png")));
//imageView.setPreserveRatio(true);  //uncomment to keep image ratio.
imageView.fitHeightProperty().bind(stage.heightProperty());
imageView.fitWidthProperty().bind(stage.widthProperty());