从 JavaFX Openjfx Dialogs 项目中设计对话框样式

Question

我正在阅读这个问题：Action Buttons css style in JavaFX ControlFX dialog，以了解是否可以根据样式更改 JavaFX 警报对话框。

答案很好，但我想知道是否可以只在对话框中设置某些单词的格式？

例如，我只想给一个单词加下划线，但我不知道该怎么做，因为只有一个 .content.label 和 JavaFX Text class 不能正常使用对话框（如果我没记错的话）。

下面是如何修改整个 Alert 对话框的代码片段。

@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 dialog.css");

Button button = new Button("Click to display an alert");
button.setOnAction(e->{
    Optional<ButtonType> result = alert.showAndWait();
    result.ifPresent(System.out::println);
});

Scene scene = new Scene(new StackPane(button), 300, 200);
primaryStage.setScene(scene);
primaryStage.show();

DialogPane dialogPane = alert.getDialogPane();

dialogPane.setStyle("-fx-background-color: greenyellow;");


dialogPane.getStyleClass().remove("alert");

GridPane grid = (GridPane)dialogPane.lookup(".header-panel"); 
grid.setStyle("-fx-background-color: cadetblue; "
        + "-fx-font-style: italic;");


StackPane stackPane = new StackPane(new ImageView(
        new Image(getClass().getResourceAsStream("lock24.png"))));
stackPane.setPrefSize(24, 24);
stackPane.setAlignment(Pos.CENTER);
dialogPane.setGraphic(stackPane);

dialogPane.lookup(".content.label").setStyle("-fx-font-size: 16px; "
        + "-fx-font-weight: bold; -fx-fill: blue;");

ButtonBar buttonBar = (ButtonBar)alert.getDialogPane().lookup(".button-bar");
buttonBar.setStyle("-fx-font-size: 24px;"
        + "-fx-background-color: indianred;");
buttonBar.getButtons().forEach(b->b.setStyle("-fx-font-family: \"Andalus\";"));
}

Answer 1

如果您查看 DialogPane class，您会发现默认情况下它使用 Label 作为内容。但你也有这个：

/**
 * Assign dialog content. Any Node can be used
 * 
 * @param content
 *            dialog's content
 */
public final void setContent(Node content) {
    this.content.setValue(content);
}

所以您需要做的就是为内容提供您的自定义节点：

Text text1=new Text("This is ");
text1.setStyle("-fx-font-size: 16px; -fx-fill: blue;");
Text text2=new Text("underlined ");
text2.setStyle("-fx-font-size: 16px; -fx-fill: blue; -fx-underline: true;");
Text text3=new Text("text");
text3.setStyle("-fx-font-size: 16px; -fx-fill: blue;");

TextFlow flow = new TextFlow(text1,text2,text3);

dialogPane.setContent(flow);

您将看到您的对话框：

从 JavaFX Openjfx Dialogs 项目中设计对话框样式

Styling a dialog from JavaFX Openjfx Dialogs project

css

java

javafx

controlsfx