使用CSS设计JavaFX(6)

14.1.1  创建样式

JavaFX会自动识别任何一个带有名称的节点所创建的CSS样式类。例如,如果要创建一个应用到所有Label(标签)节点的CSS类,那么可以创建一个名为.label的样式类。现在开始创建一个.label类并将在随后的脚本中使用它。

.label{

}

在这个类中,可以把Label节点的字体颜色变为红色,并将字体设置为14磅Courier字体。要改变字体和字体颜色,就需要在样式类中增添正确的属性。幸运的是,JavaFX也能识别那些直接访问Node属性的CSS样式属性。

Label节点中用来改变一个标签字体颜色的属性是textFill。要从CSS中访问这个属性,需要添加“-fx-”作为前缀,并使用连字符(-)分割每个单词。样式声明如下所示:

.label{

-fx-text-fill: red;

}

这个样式指出所有Label节点都将textFill属性设置成RED。下面将为Label节点创建更多的声明,然后把这个样式表应用到一个脚本中。

使用-fx-font样式来改变Label节点的字体如下所示:

.label{

-fx-text-fill: red;

-fx-font: bold 14pt "Courier";

}

读书导航