82、JavaFX图形与多媒体开发指南

JavaFX图形与多媒体开发指南

1. 概述

JavaFX提供了丰富的图形和多媒体功能，可让应用程序通过图形、动画、音频和视频“活”起来。以下是使用JavaFX图形和多媒体功能可以实现的一些目标：
- 使用外部级联样式表（CSS）自定义节点外观，同时保持其功能。
- 自定义字体属性，如字体家族、大小和样式。
- 显示二维形状节点，如直线、矩形、圆形、椭圆、弧形、路径、折线和多边形。
- 用纯色、图像和渐变自定义形状的描边和填充。
- 使用变换重新定位和重新定向节点。
- 使用Media、MediaPlayer和MediaView显示和控制视频播放。
- 使用过渡和时间轴动画为节点属性设置动画。
- 使用AnimationTimer创建逐帧动画。
- 在Canvas节点上绘制图形。
- 显示三维形状。

2. 使用级联样式表（CSS）控制字体

2.1 CSS样式表的优势

在之前构建JavaFX GUI时，通常在Scene Builder中选择对象并在属性检查器中设置其属性值来指定外观。但对于大型GUI，若要对多个对象进行相同更改，这种方法既耗时又容易出错。而CSS允许将呈现（如字体、间距、大小、颜色、定位）与GUI的结构和内容（布局容器、形状、文本、GUI组件等）分开指定。如果JavaFX GUI的呈现完全由CSS规则决定，只需更换样式表即可改变GUI外观。

2.2 CSS样式规则

以下是一个示例CSS文件 FontsCSS.css ，用于设置VBox和各个Label的样式：