JavaFX按钮样式与字体类型

JavaFX按钮是JavaFX GUI应用程序中常用的控件之一。在JavaFX中，我们可以通过CSS样式表对按钮进行格式化，从而使其在视觉上与应用程序的其余部分保持一致。本文将介绍如何在JavaFX应用程序中为按钮应用CSS样式，并引导您完成以下操作：

• 基本的JavaFX按钮样式
• 设置按钮的颜色和背景
• 使用CSS更改按钮上的文本颜色和字体类型
• 应用CSS样式类到按钮上
• 在JavaFX中使用伪类为按钮应用不同状态的样式

基本的JavaFX按钮样式

JavaFX按钮有一个默认样式，可以通过以下方式来创建一个非常简单的按钮：

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

此代码将创建一个Button对象，按钮文本为“Click Me!”。

设置按钮的颜色和背景

您可以使用CSS样式表来为JavaFX按钮设置颜色和背景。以下是为按钮设置较暗的背景颜色的示例代码：

.button {
    -fx-background-color: #333;
}

此代码将按钮的背景颜色更改为#333，即较暗的灰色。您可以将此代码添加到您的CSS样式表中，以为所有按钮设置这种颜色。

使用CSS更改按钮上的文本颜色和字体类型

您可以使用CSS样式表为JavaFX按钮更改文本颜色和字体类型。以下是为按钮设置不同字体和文本颜色的示例代码：

.button {
    -fx-text-fill: white;
    -fx-font: 16px "Verdana";
}

此代码将按钮上的文本颜色更改为白色，并将字体类型更改为Verdana，大小为16像素。

应用CSS样式类到按钮上

您可以使用CSS样式类将样式应用于JavaFX按钮。以下是将样式应用于带有样式类的按钮的示例代码：

.my-button {
    -fx-background-color: #0d47a1;
    -fx-text-fill: white;
    -fx-font: 14px "Verdana";
}

Button button = new Button("My Button");
button.getStyleClass().add("my-button");

此代码将创建一个按钮，并在创建它时将my-button样式类应用于它。样式类中指定了按钮的样式。

在JavaFX中使用伪类为按钮应用不同状态的样式

您可以在JavaFX中使用伪类为按钮应用不同状态的样式。以下是将悬停时更改按钮颜色的示例代码：

.button:hover {
    -fx-background-color: #1e88e5;
}

此代码将在悬停在按钮上时更改按钮的背景颜色。您可以添加其他伪类样式，如：.button:pressed，以在坐标点击按钮时更改颜色。

以上是JavaFX按钮的基础样式和使用CSS更改JavaFX按钮文本颜色和字体类型的示例。您可以根据项目需要自定义JavaFX按钮的样式。