Scenebuilder 边框窗格中心区域最大宽度图像（window 宽度）设置

Question

如何在边框窗格的中心区域设置 window 宽度的背景图像？我试过这样，但它不起作用：

<BorderPane>
   <center>
      <ImageView fx:id="backgroundView" fitHeight="100.0" fitWidth="100.0" pickOnBounds="true" preserveRatio="true" BorderPane.alignment="CENTER">
         <image>
            <Image url="@/package/background.jpg" />
         </image>
      </ImageView>
   </center>
</BorderPane>

图像出现了，但没有 window 宽度。

Answer 1

您可以在控制器中执行此操作 class。只需获取 BorderPane 的宽度和高度，并使您的图像对应于该值。

Answer 2

.paneCenter {
    -fx-background-image: url("/background.jpg");
    -fx-background-position: left top, center;
    -fx-background-repeat: no-repeat;
    -fx-background-size: cover, auto;
}

它工作正常，当我也调整 window 的大小时，我认为这是正确的解决方案。

Scenebuilder 边框窗格中心区域最大宽度图像（window 宽度）设置

Scenebuilder border pane center area max width image (window width) set

java

scenebuilder