javafx设置选项卡内容的背景图像

Question

如何将图像设置为此选项卡内容的背景，以便将该颜色更改为图像。

我尝试了这个，但它设置的标题不是内容背景

Tab tabSavings = new Tab();
tabSavings.getStyleClass().add("tab-debt");
tabSavings.setContent(createSavingsTab());

CSS

tab-debt{
-fx-background-image: url("04.jpg");}

 感谢

Answer 1

假设您知道TabPane正在填满整个区域，您可以

.tab-debt {
  -fx-background-image: url("04.jpg");
  -fx-background-size: cover ;
}

或-fx-background-size: stretch ;，具体取决于您想要的效果。

然后只需在选项卡内容上设置样式类，而不是选项卡：

Tab tabSavings = new Tab();
Node content = createSavingsTab();
content.getStyleClass().add("tab-debt");
tabSavings.setContent(content);

Answer 2

createSavingsTab（）返回一个ScrollPane，我只是将FitToHeight设置为true，现在它已经修复了