JavaFX 按钮 CSS

JavaFX提供了强大的CSS支持，您可以使用CSS样式来定制UI组件的外观和行为。在本文中，我们将重点介绍如何使用CSS样式在JavaFX中定制按钮的外观。

CSS样式属性

下面是一些可以用于定制JavaFX按钮外观的CSS样式属性：

| 属性名 | 描述 | | ------------------ | ------------------------------------------------------------ | | -fx-background-color| 按钮的背景颜色 | | -fx-text-fill | 按钮的文本颜色 | | -fx-border-color | 按钮的边框颜色 | | -fx-border-width | 按钮的边框宽度 | | -fx-font-size | 按钮文本的字体大小 | | -fx-font-family | 按钮文本的字体名称 | | -fx-padding | 按钮内部留白（也可以使用 -fx-padding: 10px 20px 10px 20px; 格式指定每个方向的留白宽度） |

定制按钮样式

以下是一个简单的JavaFX按钮：

Button button = new Button("Click Me");

使用CSS样式可以定制按钮的外观。例如，下面的CSS样式将按钮的背景颜色设置为浅灰色，文本颜色设置为白色，边框颜色设置为黑色，边框宽度设置为2px：

.button {
    -fx-background-color: lightgray;
    -fx-text-fill: white;
    -fx-border-color: black;
    -fx-border-width: 2px;
}

将CSS样式应用于按钮，可以使用以下代码：

button.getStyleClass().add("button");

运行代码，您将看到按钮现在的外观已被更新为所定义的CSS样式。

总结

JavaFX提供了强大的CSS支持，可以使用CSS样式来定制UI组件的外观和行为。对于JavaFX的按钮，您可以使用各种CSS样式属性来定制其外观，例如- fx-background-color，- fx-text-fill，- fx-border-color等等。这使得JavaFX应用程序非常灵活和可定制。