Question

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

<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>

显示图像但不显示窗口宽度。

Answer 1

您可以在控制器类中执行此操作。只需获取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;
}

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

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

2 个答案: