java fxml怎樣集成CSS樣式

在JavaFX中，FXML文件用于定義用戶界面布局，而CSS文件用于定義樣式。要將CSS樣式集成到JavaFX FXML文件中，請按照以下步驟操作：

1. 創建一個CSS文件：首先，創建一個CSS文件（例如：styles.css），并在其中定義您的樣式。例如：

.label {
    -fx-font-size: 18px;
    -fx-font-weight: bold;
    -fx-text-fill: blue;
}

2. 在FXML文件中引用CSS文件：在FXML文件的<Scene>標簽內，使用<stylesheets>屬性引用CSS文件。例如：

<?xml version="1.0" encoding="UTF-8"?>

<?import javafx.scene.control.Label?>
<?import javafx.scene.layout.VBox?>

<Scene xmlns:fx="http://javafx.com/fxml">
    <VBox>
        <Label text="Hello, JavaFX!" styleClass="label"/>
    </VBox>
</Scene>

在這個例子中，我們將styles.css文件與FXML文件關聯起來，并為<Label>元素應用了一個名為label的CSS類。

3. 在Java代碼中加載FXML文件：在Java代碼中，使用FXMLLoader類加載FXML文件。例如：

import javafx.application.Application;
import javafx.fxml.FXMLLoader;
import javafx.scene.Scene;
import javafx.scene.layout.VBox;
import javafx.stage.Stage;

public class Main extends Application {
    @Override
    public void start(Stage primaryStage) throws Exception {
        FXMLLoader loader = new FXMLLoader(getClass().getResource("your_fxml_file.fxml"));
        Parent root = loader.load();
        primaryStage.setTitle("JavaFX FXML and CSS Example");
        primaryStage.setScene(new Scene(root));
        primaryStage.show();
    }

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

確保將your_fxml_file.fxml替換為您的FXML文件的實際名稱。

現在，當您運行JavaFX應用程序時，它將加載FXML文件并應用CSS樣式。