JavaFX是前端开发工具,可以全部用Java代码编写如同网页一样画界面,但这样很丑啊,代码中业务逻辑和界面控件混杂在一起,非常难看,所以有fxml文件来生成前端界面,如同HTML文件一样。
而且还可以使用CSS文件来管理样式,但如何把css导入到fxml文件中呢?有以下一些方法:
1.在fxml文件中的根结点上使用stylesheets标签导入
stylesheets="/com/company/javafxstudy/css/sample.css"
需要注意的是/com/company/javafxstudy/css/sample.css表示是从项目源根结点写起,前面要加“/”,这么长可以写相对路径吗,我的实验结果是绝对不行,不让偷懒。
2.在fxml文件根结点的子结点下,加入<stylesheets>标签来引入样式文件,例如:
<stylesheets>
<URL value="@/com/tyxh/springboot2/javafx/css/sample.css" />
<URL value="@/css/jfoenix-design.css" />
<URL value="@/css/controls/jfx-button.css" />
</stylesheets>
需要注意的是其中使用<URL>也就是创建了URL类的实例,value值内容前要加“@”。上例中使用了相对于工程的绝对路径,也可以使用相对路径,但不要以“/”开头。
例子中的@/css/jfoenix-design.css是我导入的jar文件的路径,直接可以使用jar中的文件!