溫馨提示×

JavaFX中如何設計對話框樣式

小樊
81
2024-08-30 07:11:59
欄目: 編程語言

在JavaFX中，可以使用CSS來設計對話框的樣式。以下是一個簡單的示例，展示了如何為對話框設置樣式：

  1. 首先，創(chuàng)建一個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;
}
  1. 在JavaFX應用程序中，創(chuàng)建一個對話框，并將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) {
        // 創(chuàng)建一個對話框
        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文件中的樣式屬性，以實現所需的外觀。

0 踩