JavaFX 对背景图像应用效果

Question

情况

我正在使用 BackgroundImage 为 JavaFX 区域设置背景，如下所示：

region.setBackground(Background(BackgroundImage(Image(url)), BackgroundRepeat.NO_REPEAT, BackgroundRepeat.NO_REPEAT, BackgroundPosition.CENTER, BackgroundSize(100.0, 100.0, true, true, true, true))))

问题

我想以某种方式使背景变暗，以便白色字体保持可读性。

我试过的

我已经搜索了 Image、BackgroundImage 和 Background，但没有任何方法可以添加效果。 我发现我可以直接给 Region 添加效果，但是当我添加 ColorAdjust 时，它会使所有内容变暗，而不仅仅是背景。

我真的不在乎它设置在哪个层，它甚至可以在 CSS 中，我只是想以某种方式使背景图像变暗。

Answer 1

当您将Effect应用于节点时，它会影响其所有子节点（如果有）。 您也不能专门将Effect应用于Background因为它没有提供 API 来执行此操作¹ 。 相反，您可以做的是有一个单独的Region用于您的背景图像，然后将它和您的其他内容放在一个共同的父级中。 然后您可以将Effect应用到这个“背景区域”并且只影响它，而不影响任何其他节点。 适合这种情况的父级是StackPane因为它会将您的其他内容堆叠在“背景区域”之上； 它还将调整区域大小以填满所有可用空间（使其有效地成为背景图像）。

// Can also apply background through CSS or FXML. Same with the
// effect, though only DropShadow and InnerShadow can be set through
// CSS—any effect can be set though FXML.
Region backgroundRegion = new Region();
backgroundRegion.setBackground(new Background(new BackgroundImage(...)));
backgroundRegion.setEffect(new ColorAdjust(...));

Node otherContent = ...;

StackPane parent = new StackPane(backgroundRegion, otherContent);
// add "parent" to scene graph...

注意我会像上面一样使用Region ，而不是ImageView因为前者会保持背景图像的行为； 用ImageView模仿背景图像并不容易（至少以我的经验）。

---

^{1. 这适用于代码、CSS 和 FXML。 请注意，CSS 和 FXML 只是创建Background对象的替代方法。}