使用CSS设计JavaFX(1)

重要技能与概念:

●       为程序包添加CSS文件

●       使用CSS类

●       访问Node属性

本章将学习如何使用层叠样式表(Cascading Style Sheets,CSS)来轻松改变JavaFX应用程序的界面风格。如果还不完全了解CSS是什么,那么下面的快速温习将对你有所帮助。

CSS是一种样式语言,它允许将对象的样式元素从对象本身分离出来。尽管在JavaFX产生之前就已经出现了CSS,但是JavaFX包含了使用该样式语言的能力。事实上,JavaFX CSS是基于W3C 2.1版的CSS标准,这就意味着无须考虑位置、外观或体验就可以创建自己的所有对象或JavaFX节点,所要做的就是定义节点的功能。随后,无论是在节点的样式属性中还是在完全独立的文件中,我们都可以定义样式来改变节点的位置和界面风格。

注意CSS的一个重要的特性是,用户使用的所有CSS样式可以包含在一个独立于脚本的文件中。保持脚本和.css文件的独立,可在不改变或重新编译脚本的情况下来变换应用程序的样式,甚至完全改变其界面风格。这意味用户可以通过修改.css文件来改变一个已经设计好的应用程序的界面风格,同时也无需修改应用程序脚本。

读书导航