样式化默认JavaFX对话框

Question

我正在寻找一种方法来设置默认JavaFX对话框（javafx.scene.control.Dialog）的样式。

我尝试获取对话框窗格并添加样式表，但它只覆盖了对话框的一小部分。我更喜欢只使用外部css文件进行样式设计，而不在代码上添加样式类。这看起来很混乱（标题、内容、内容上的自有内容等等）

我已经在谷歌上搜索了很多，只找到了ControctionFX的例子，但是由于jdk8_40 JavaFX有自己的Dialogs，我现在使用它们。

有什么建议吗？

编辑:

由于JoséPereda发布了解决方案，我创建了自己的dialog.css.我会在这里发布，因为它涵盖了整个对话框，也许有人想复制

.dialog-pane {
    -fx-background-color: black;
}

.dialog-pane .label {
    -fx-text-fill: white;
}

.dialog-pane:header .header-panel {
    -fx-background-color: black;
}

.dialog-pane:header .header-panel .label {
    -fx-font-style: italic;
    -fx-font-size: 2em;
}

Answer 1

您可以使用自己的css文件来设置对话框的样式，但是为此您需要考虑到对话框实际上是一个新的舞台，有一个新的场景，并且根节点是一个< code>DialogPane实例。

因此，一旦您创建了一些对话框实例：

@Override
public void start(Stage primaryStage) {        
    Alert alert = new Alert(AlertType.CONFIRMATION);
    alert.setTitle("Confirmation Dialog");
    alert.setHeaderText("This is a Custom Confirmation Dialog");
    alert.setContentText("We override the style classes of the dialog");
    ...
}

您可以访问其对话框窗格并添加自己的样式表和自己的类选择器：

DialogPane dialogPane = alert.getDialogPane();
dialogPane.getStylesheets().add(
   getClass().getResource("myDialogs.css").toExternalForm());
dialogPane.getStyleClass().add("myDialog");

现在的诀窍是知道Dialog样式表默认实现的所有规则。

这是一项艰巨的任务...因为它们不在modena.css文件中，就像所有常规控件一样。相反，它们在modena.bss文件中找到，这是一个二进制文件，位于私有包下的jfxrt.jar中。

经过一番挖掘，我设法得到了这些规则，因此您的自定义< code>myDialogs.css文件将类似于以下内容:

.myDialog{
    -fx-background-color: #f9d900;
}
.myDialog > *.button-bar > *.container{
    -fx-background-color: #a9e200;
}
.myDialog > *.label.content{
    -fx-font-size: 14px;
    -fx-font-weight: bold;
}
.myDialog:header *.header-panel{
    -fx-background-color: #a59c31;
}
.myDialog:header *.header-panel *.label{
    -fx-font-size: 18px;
    -fx-font-style: italic;
    -fx-fill: #292929;
}

您将拥有样式化的对话框：

请注意，作为私有包下的 bss 文件，这些选择器可能会在将来的版本中更改，恕不另行通知。

编辑

我刚刚发现.dialog-pane选择器已经是modena的一部分.css在过去的8u40早期版本中，因此您可以在那里找到应用于对话框窗格的所有选择器和规则。