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

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

1. 导入SVG图形

1.1 复制导入的图形元素

在某些代码中，我们可以通过特定操作复制导入的图形元素。例如，在特定代码里，我们在第2行和第14行获取代表星星的节点，在 for 表达式的主体中，创建该节点的副本并将其放置在随机位置。这样操作后，场景的内容序列就会包含十个不同的星星节点。运行 javafximport/StarExample2.fx 文件中的代码，会得到类似图21 - 19的结果，不过星星的位置当然不会相同。

1.2 从SVG编辑器导入图形的步骤

如果图形设计师更喜欢使用SVG图形而非Adobe工具，JavaFX Production Suite提供了从SVG编辑器导入图形的机制，步骤如下：
1. 从SVG编辑器以XML形式导出图形。
2. 将XML导入到JavaFX Production Suite中的SVG - to - JavaFX Graphics Converter。
3. 使用JavaFX Graphics Converter创建FXZ存档。
4. 将FXZ存档加载到JavaFX应用程序中。

这里我们已经了解了如何完成第4步，下面重点看前三个步骤。为了创建示例图形，使用了免费的SVG编辑器Inkscape创建了一个星星图形（如图21 - 20所示），并将其导出到 javafximport 目录下的 star.svg 文件中，同时通过设置 id 属性为星星图形赋予了标识符