为HBox-JavaFX设置背景图像

我无法为Hbox设置背景图像。 我试过这个：

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

在初始化方法中，然后我还尝试在场景生成器中添加CSS样式：

-fx background image

和

url（“images/background.png”）

。

---

我该怎么做呢？

有几种方法可以为您的HBox设置背景图像

一,。使用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文件加载到任何控件）
  在

  style.css

  文件中添加这些样式

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

  参考资料

二,。使用

setBackground（）设置

您也可以通过编程方式设置背景图像

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

有几种方法可以为你的HBox设置背景图像

一,。使用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文件加载到任何控件）

在
style.css
文件中添加这些样式

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

参考资料







二,。使用
setBackground（）设置

您也可以通过编程方式设置背景图像

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

这回答了你的问题吗？在哪里创建css文件？在项目的源程序包中？我必须在这个文件里写些什么？检查我的答案..这回答了你的问题吗？在哪里创建css文件？在项目的源程序包中？我要在这个文件里写什么？检查我的答案。。