64、JavaFX GUI开发：样式表、布局容器与实践

JavaFX GUI开发：样式表、布局容器与实践

1. 使用样式表美化界面

GUI组件通常具有默认样式，如背景为白色、文本为黑色，标签为矩形，按钮为圆角矩形。我们可以创建自定义样式来改变应用程序的外观和感觉。一般会将样式定义在单独的文件中，这样能将GUI内容和样式分离，便于编辑和维护。修改样式文件后，新样式会自动应用到应用程序中。

JavaFX支持级联样式表（CSS），这是一种用于描述文档样式的语言，JavaFX的CSS与网页中使用的CSS类似。在样式表中为GUI组件设置样式的通用语法如下：

selector 
{ 
  attribute1: value1; 
  attribute2: value2; 
  … 
}

其中，选择器可以是GUI组件（如 Label ），也可以是标识一组组件或特定组件的内容。属性以 –fx- 为前缀。

下面以简单数学应用为例，展示如何使用样式表：

// 示例12.56：简单数学应用的JavaFX样式表
1 VBox 
2 { 
3   -fx-background-color: skyblue; 
4 }  
5 
6 Label 
7 { 
8   -fx-background-color: deepskyblue;  
9   -fx-text-fill: blue;  
10 }  
11 
12 #result 
13 { 
14   -fx-background-color: aqua;