设置JavaFX Popover的样式

Question

我需要从ControlsFX样式弹出窗口，但我没有这样做。

我有自己的xxx。我添加到场景中的css样式表，我（显然）成功地设计了许多JavaFX控件的样式。。。

我已经在样式表中设置了这个（从ControlsFX中的popover.css复制和修改）：

.popover > .border {
    -fx-stroke: linear-gradient(to bottom, rgba(0,0,0, .3), rgba(0, 0, 0, .7));
    -fx-stroke-width: 0.5;
    -fx-fill: rgba(30 , 30, 30, .95);
    -fx-effect: dropshadow(gaussian, rgba(0,0,0,.2), 10.0, 0.5, 2.0, 2.0);
}

但是Popover从来没有得到过边框风格。我如何让府绸流行起来？

Answer 1

由于弹出窗口显示在不同的窗口中，因此不能在主场景中设置样式，而是在弹出窗口控件上设置样式。

如果查看样式如何应用于其skin类中的控件，请参见Poporskin：

stackPane = new StackPane();
stackPane.getStylesheets().add(
            PopOver.class.getResource("popover.css").toExternalForm());
stackPane.getStyleClass().add("popover"); 

可以通过以下方式访问此stackPane：

@Override
public Node getNode() {
    return stackPane;
}

您只需要将样式表添加到该堆栈窗格中，就在您可以访问皮肤之后，即在弹出窗口显示时：

popOver.show(...);

((Parent)popOver.getSkin().getNode()).getStylesheets()
    .add(getClass().getResource("MyPopOver.css").toExternalForm());