JavaFX中如何设计对话框样式

在JavaFX中，可以使用CSS来设计对话框的样式。以下是一个简单的示例，展示了如何为对话框设置样式：

1. 首先，创建一个CSS文件（例如：dialog_style.css），并添加以下内容：

/* 设置对话框的背景颜色和边框 */
.dialog-pane {
    -fx-background-color: #f5f5f5;
    -fx-border-color: #000;
    -fx-border-width: 2px;
}

/* 设置对话框标题的字体样式和颜色 */
.dialog-pane .header-panel .label {
    -fx-font-size: 18px;
    -fx-font-weight: bold;
    -fx-text-fill: #333;
}

/* 设置对话框按钮的样式 */
.dialog-pane .button {
    -fx-background-color: #4CAF50;
    -fx-text-fill: #fff;
    -fx-font-weight: bold;
    -fx-cursor: hand;
}

/* 设置对话框按钮的样式（鼠标悬停时） */
.dialog-pane .button:hover {
    -fx-background-color: #45a049;
}

2. 在JavaFX应用程序中，创建一个对话框，并将CSS文件应用到该对话框上：

import javafx.application.Application;
import javafx.scene.control.Alert;
import javafx.scene.control.ButtonType;
import javafx.stage.Stage;

public class DialogStyleExample extends Application {

    @Override
    public void start(Stage primaryStage) {
        // 创建一个对话框
        Alert alert = new Alert(Alert.AlertType.INFORMATION);
        alert.setTitle("信息对话框");
        alert.setHeaderText("这是一个信息对话框");
        alert.setContentText("这里是对话框的内容。");

        // 将CSS文件应用到对话框上
        alert.getDialogPane().getStylesheets().add(getClass().getResource("dialog_style.css").toExternalForm());

        // 显示对话框
        alert.showAndWait();
    }

    public static void main(String[] args) {
        launch(args);
    }
}

运行此示例后，你将看到一个具有自定义样式的对话框。你可以根据需要修改CSS文件中的样式属性，以实现所需的外观。