javafx的css语法_JavaFX让UI更美观-CSS样式(示例代码)

JavaFX中使用CSS语法来设计和修改UI界面的样式。以下是JavaFX CSS语法的示例代码：

/* 设置样式类，可在Java代码中使用 .className 来引用 */
.buttonStyle {
    -fx-background-color: #0072C6; /* 背景颜色 */
    -fx-text-fill: white; /* 文字颜色 */
    -fx-font-size: 14px; /* 字体大小 */
    -fx-font-family: "Arial"; /* 字体类型 */
}

/* 设置ID，可在Java代码中使用 #idName 来引用 */
#textFieldStyle {
    -fx-background-color: white;
    -fx-border-color: #cccccc;
    -fx-border-radius: 4px;
    -fx-font-size: 14px;
    -fx-font-family: "Arial";
}

/* 设置伪类，可在Java代码中使用 .className:pseudoClass 来引用 */
.buttonStyle:hover {
    -fx-background-color: #005ea2;
}

/* 设置样式继承 */
.buttonStyle.secondary {
    -fx-background-color: #e6e6e6;
    -fx-text-fill: black;
}

在Java代码中，可以通过`setStyle`方法将CSS样式应用到UI组件上：

button.setStyle("-fx-background-color: #0072C6; -fx-text-fill: white;");

也可以通过`getStyleClass`方法和`setId`方法来为UI组件指定样式类和ID：

button.getStyleClass().add("buttonStyle");
textField.setId("textFieldStyle");