关于JavaFX CSS的困惑

Question

要添加样式表，我必须这样做：

 Scene scene = new Scene(new Group(), 500, 400);
 scene.getStylesheets().add("path/stylesheet.css");

要定义样式表，我必须这样做：

 .custom-button {
-fx-font: 16px "Serif";
-fx-padding: 10;
-fx-background-color: #CCFF99;
}

那么，这是否意味着我在另一个文件中编写第二个代码块来“定义它”并保存它然后转到我的主编码页面并编写'第一个代码块'来添加它和'路径' '，我使用'SCC定义代码'的文件路径？

Answer 1

好吧，您可以通过不同的方式使用JavaFX CSS：

1-在外部文件CSS中添加CSS

2-添加CSS内联

既可以通过编程方式完成，也可以使用FXML文件

  

1-编程

：一种。外部文件

Java类

Scene scene = new Scene(new Group(), 500, 400);
scene.getStylesheets().add("path/stylesheet.css");

CSS文件（stylesheet.css）

你可以写你的CSS文件：

班级选择：

 .button {
-fx-font: 16px "Serif";
-fx-padding: 10;
-fx-background-color: #CCFF99;
}

ID选择：

#my-button{
-fx-font: 16px "Serif";
-fx-padding: 10;
-fx-background-color: #CCFF99;
}

设置ID：

Button btn = new Button ("custom") ;
btn.setId("my-button");

班级自定义选择：

.mycustom-button{
-fx-font: 16px "Serif";
-fx-padding: 10;
-fx-background-color: #CCFF99;
}

设置班级选择

Button btn = new Button ("custom") ;
btn().clear();
btn.getStyleClass().add("mycustom-button");

内联

btn.setStyle("-fx-background-color: darkslateblue; -fx-text-fill: white;"); 

  

2-使用场景构建器

的FXML