本站javafx相关代码点击这里下载,持续更新。

  1. 给组件定义一个样式类
    按钮或者复选框控件有各自对应的样式类.button和.check-box,而其他一些组件没有默认的样式类,此时可以自定义一个样式类。类似js给dom节点新增一个class。
HBox hbox = new HBox();
hbox.getStyleClass().add("hbox");
  1. 编写样式
    写法和web的css选择器没什么区别。
.hbox {
   -fx-background-color: #2f4f4f;
   -fx-padding: 15;
   -fx-spacing: 10;
}
  1. 给scene设置样式表
    类似html文件引入外部样式表。
Scene scene = new Scene(border);
scene.getStylesheets().add("/layoutstyles.css");

学习过前端的人会觉得上面的操作和写html没什么区别。
类似的,也可以给组件设置一个id,然后可以通过id选择器编写样式。

HBox hb = new HBox();
hb.setId("hbox-id");
#hbox-id{
   -fx-background-color: #2f4f4f;
   -fx-padding: 15;
   -fx-spacing: 10;
}

Q.E.D.


擅长前端的Java程序员