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样式。