JavaFX 在外部设置边框 - CSS

JavaFX 是一款用于构建富客户端应用程序的跨平台 GUI 工具包。在 JavaFX 中，可以通过 CSS 来为控件设置样式和外观。其中，设置边框样式是常见的需求。

CSS 设置边框

使用 CSS 可以为 JavaFX 中的控件设置边框。边框可以包含多个属性，通常包括颜色、宽度、边角等。在 CSS 中，通过 border 属性来设置边框样式。

例如，以下 CSS 样式会为一个 Button 控件设置一个红色、3px 宽的实线边框，并为边角设置了一定的圆角半径：

.btn-red {
    -fx-border-color: red;
    -fx-border-width: 3px;
    -fx-border-radius: 5px;
}

外部设置 CSS 样式

对于 JavaFX 应用程序，可以在外部的 CSS 文件中定义样式，然后在 JavaFX 程序中加载这些 CSS 文件，并将样式应用于控件。

以下是一个示例，展示了如何为一个 Button 控件应用上述 CSS 样式：

import javafx.application.Application;
import javafx.scene.Scene;
import javafx.scene.control.Button;
import javafx.scene.layout.StackPane;
import javafx.stage.Stage;

public class ExternalCSSExample extends Application {

   public void start(Stage primaryStage) throws Exception {
        //创建一个按钮，设置样式类
        Button button = new Button("Click me!");
        button.getStyleClass().add("btn-red");

        //创建一个 StackPane，并将按钮放入其中
        StackPane stackPane = new StackPane();
        stackPane.getChildren().add(button);

        //创建一个场景，并设置样式表
        Scene scene = new Scene(stackPane);
        scene.getStylesheets().add("path/to/your/external.css");

        //将场景设置到主窗口，并显示
        primaryStage.setScene(scene);
        primaryStage.show();
    }

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

总结

本文介绍了如何使用 CSS 在 JavaFX 中设置控件的边框样式，并且展示了如何从外部的 CSS 文件中加载样式。对于开发 JavaFX 应用程序的程序员来说，这些技巧非常实用，可以让应用程序变得更加美观和易于使用。