JavaFX CSS 指南：节点与控件样式

"JavaFX CSS参考指南" JavaFX CSS参考指南是JavaFX平台中用于样式设计的重要文档，它详尽地介绍了如何使用CSS（层叠样式表）来定制和美化JavaFX应用程序中的UI元素。这个指南覆盖了JavaFX场景图中的各种节点控件，并提供了丰富的样式选项。 一、CSS与JavaFX场景图 在JavaFX中，CSS被用来定义场景图中各个节点的外观。通过CSS，开发者可以轻松地改变按钮、文本框、布局容器等控件的颜色、字体、大小、位置以及动画效果。JavaFX支持标准的CSS2.1属性，同时添加了一些针对图形和用户交互的特定扩展。 二、限制 尽管JavaFX CSS支持许多CSS特性，但也存在一些限制。例如，JavaFX不支持某些CSS选择器，如伪类选择器（`:hover`、`:active`等）的某些用法。此外，JavaFX CSS还限制了某些CSS属性的值类型，如使用JavaFX特有的单位（如`px`、`percent`和`em`）。 三、继承 在JavaFX中，CSS的继承机制允许子节点继承父节点的样式。这意味着如果一个样式没有在子节点中明确指定，它将默认继承自其父节点。然而，对于某些不支持继承的属性，如`background-color`，则不会进行继承。 四、示例 指南中包含了大量的示例代码，展示如何使用CSS来改变JavaFX控件的外观。这些例子涵盖了从简单的颜色和字体设置到复杂的形状和动画效果的创建。 五、类型 JavaFX CSS支持多种数据类型，包括： 1. `<boolean>`：用于设置布尔值，如`true`或`false`。 2. `<string>`：用于设置字符串，如ID或类名。 3. `<number>`和`<integer>`：用于设置数值，可以是浮点数或整数。 4. `<size>`：表示尺寸，如宽度和高度。 5. `<length>`：用于设置长度，可以是绝对值（如像素）或相对值（如百分比）。 6. `<percentage>`：百分比值。 7. `<angle>`：角度，用于旋转等操作。 8. `<point>`：坐标点，用于定位。 9. `<color-stop>`：颜色停止，用于渐变填充。 10. `<uri>`：统一资源标识符，用于图片链接等。 11. `<effect>`：特效，如模糊、阴影等。 12. `<font>`：字体描述，包括字体家族、大小、样式等。 13. `<paint>`：绘制对象，如颜色、渐变或图案。 14. `<color>`：颜色值，可以是RGB、RGBA、HSL、HSLA等。 六、节点和控件 JavaFX场景图由各种节点组成，包括基本的`Node`类和一系列的子类，如`Scene`、`ImageView`、各种布局容器（`AnchorPane`、`BorderPane`、`FlowPane`等）、形状（`Shape`、`Circle`、`Rectangle`等）和控制元素（`Button`、`Text`、`ListView`等）。每个控件都有对应的CSS属性，可以用来定制其外观和行为。 七、控制 `javafx.scene.control`包下的控件，如`Accordion`、`ButtonBase`、`Cell`、`CheckBox`等，都有特定的CSS属性，允许开发者精细调整控件的样式，包括文字、背景、边框、图标等。 总结，JavaFX CSS参考指南是开发JavaFX应用程序时不可或缺的资源，它帮助开发者利用CSS的强大功能，创造出美观且功能丰富的用户界面。通过理解和应用指南中的知识，可以提升JavaFX应用的视觉吸引力和用户体验。