JavaFX学习笔记——重要理念的建立与辨析(一)

尽量使用css设置样式

原因:

1.CSS语法简单,格式统一,简化了代码重用的方法,使得页面逻辑与页面样式的设计相分离,更有利于团队协作。更改起来也更加方便。

2.在静态(即只需初始化一次,没有太多复杂的额外操作)的组件样式设置或者简单动态响应(如鼠标移入时的样式,只需在类名中加“:hover"即可设置)使用CSS更方便

示例:



 

 //源文件:test.java

  Circle circle = new Circle(100,100,50);

  circle.getStyleClass().add("test-circle");

…………(这后面就是circle对应的逻辑代码)

//以上就是源文件中的代码



  //css文件:test.css

.test-circle{

  -fx-fill:white;

 -fx-stroke:black;

 -fx-stroke-width:1;

}

//以上是常规情况下circle的样式

.test-circle:hover{

  -fx-fill:blue;

 -fx-stroke:red;

 -fx-stroke-width:10;

}

//stage.java

scene.getStylesheets().add("test/test.css");

//对应的scene导入这个css文件即可

以上是鼠标进入后的样式,鼠标移出后自动切换为第一种样式,即通过一个:hover实现了setOnMouseEntered和setOnMouseExited两个处理样式的事件绑定


这样,遇到界面样式需要更改的情况时,完全不需要查看test.java文件,只需要改test.css文件,其他人也完全不需要看到非样式设置的代码

猜你喜欢

转载自blog.csdn.net/weixin_40861847/article/details/84202227