為 HBox 設置背景圖像 - JavaFX

Question

我無法為 Hbox 設置背景圖像。 我試過這個：

HBoxName.setStyle("-fx-background-image: images/background.png");

在 initialize 方法中，然后我還嘗試在 Scene Builder 中添加 CSS 樣式： -fx-background-image和url("images/background.png") 。 我該怎么做？

Answer 1

有幾種方法可以為您的 HBox 設置背景圖像，

1. 使用 CSS

• 使用setStyle方法

  使用setStyle()方法直接設置背景圖片，

   HBoxName.setStyle("-fx-background-image: url('images/background.png');" + "-fx-background-repeat: stretch;" + "-fx-background-size: 1000 700;" + "-fx-background-position: center center;");

• 使用外部CSS文件

  您應該創建一個外部 CSS 文件將其加載到您的場景中（或者您也可以將 CSS 文件加載到任何控件），

   scene.getStylesheets().add( this.getClass().getClassLoader().getResource("style.css").toString() );

  在style.css文件中添加這些樣式，

   #HBoxName{ -fx-background-image: url("images/background.png"); -fx-background-repeat: stretch; -fx-background-size: 1000 700; -fx-background-position: center center; }

  參考

  • JavaFX CSS 參考指南

  • 應用 CSS

  • FXML 上的 CSS 文件

2. 使用setBackground()設置BackgroundImage

您也可以以編程方式設置背景圖像。

BackgroundSize backgroundSize = new BackgroundSize(900,
        700,
        true,
        true,
        true,
        false);
BackgroundImage image = new BackgroundImage(new Image("image/background.png"),
        BackgroundRepeat.NO_REPEAT,
        BackgroundRepeat.NO_REPEAT,
        BackgroundPosition.CENTER,
        backgroundSize);

HBoxName.setBackground(new Background(image));