44、JavaFX 图形导入与跨平台控件使用指南

JavaFX 图形导入与跨平台控件使用指南

1. 导入 SVG 图形

如果图形设计师更喜欢使用 SVG 图形而不是 Adobe 工具，JavaFX 生产套件提供了一种从 SVG 编辑器导入图形的机制，步骤如下：
1. 从 SVG 编辑器以 XML 形式导出图形。
2. 将 XML 导入到 SVG 到 JavaFX 图形转换器中，该转换器是 JavaFX 生产套件的一部分。
3. 使用 JavaFX 图形转换器创建一个 FXZ 存档。
4. 将 FXZ 存档加载到 JavaFX 应用程序中。

为了创建示例图形，我们使用了一个免费的 SVG 编辑器 Inkscape 创建了一个星形图形，并将其导出到 javafximport 目录下的 star.svg 文件中。接着运行 SVG 到 JavaFX 图形转换器，它会提示你输入要转换的 SVG 文件的位置（这里是 star.svg ）和要写入的 FXZ 文件的名称。我们将输出文件命名为 SVGStar.fxz ，并将其放在与 star.svg 文件相同的目录中。

以下是整个导入 SVG 图形的流程：

graph LR
    A[从 SVG 编辑器导出 XML 图形] --> B[导入 XML 到 SVG 到 JavaFX 转换器]
    B --> C[使用转换器创建 FXZ 存档]
    C --> D[加载 FXZ 存档到 JavaFX 应用