如何在 JavaFX Scene Builder 中编辑 CubicCurve？

Question

我正在试验 JavaFX Scene Builder 1.1。

我刚刚在画布上放置了一个 CubicCurve，结果如下：

我可以拖动节点和句柄，但我找不到有关如何添加/删除节点、创建其他句柄等的任何文档。我尝试过右键单击并单击各个部分按住 Shift、Ctrl 或 Alt 的同时调整形状，但这似乎没有效果。

是否可以在 Scene Builder 中直观地操作 CubicCurves，如果可以，如何操作？

另外，是否有关于 Scene Builder 的任何文档？ 我似乎只能找到一些杂项视频和指南，但没有什么全面的。

Answer 1

更新

SceneBuilder 2.0 的最终版本放弃了三次曲线操作功能，这些功能在 SceneBuilder 2.0 预览中可用（但有些损坏）并在本答案中进行了讨论。

此设施的相关问题跟踪器请求是：

• DTL-6598 内容面板应为 CubicCurve、QuadCurve、Polygon...提供编辑手势。

---

我找不到有关如何添加/删除节点、创建其他句柄的任何文档

我认为您实际上想要做的是在路径上的点之间创建一个具有多条三次曲线的路径。 为此，您需要将CubicCurveTo路径元素添加到路径中。 您可以手动创建这样的 fxml，SceneBuilder 会显示它，但是 SceneBuilder 1.1 没有可视化创建路径的能力。 我刚刚尝试了 SceneBuilder 2.0 早期版本，它确实允许您直观地创建路径，但它似乎不太正确，所以我认为特定功能仍在进行中。

这个答案的其余部分与 SceneBuilder 1.1 中的普通 CubicCurves 相关（与 CubicCurveTos 相反）。

是否可以在 Scene Builder 中直观地操作 CubicCurves？ 我可以拖动节点和手柄。

这就是您编辑曲线的方式。 您单击小方形手柄并拖动它们以修改曲线起点/终点和控制点。 您单击曲线本身并拖动它以移动整条曲线。 检查器面板的布局部分还有 StartX、StartY、ControlX1、ControlY1 等文本字段，您可以在其中手动编辑数据。

如果你想添加更多的控制点，你添加一条新曲线（通过将它从形状库拖到场景中），然后（这是令人讨厌的一点）手动排列曲线端点和控制点以平滑地连接两条曲线终点。

这是一个示例，其中突出显示了两条不同曲线的控制点。

使用 SceneBuilder 的建议

SceneBuilder 并不是真正的绘图工具，它更像是一个组件组装和布局工具。 它是一种旨在与其他工具一起使用的工具，而不是一个综合性的设计和开发工具。 它不会试图成为一个用于编写代码的 IDE，因为有许多很好的 Java IDE。 它也没有尝试成为矢量绘图工具，因为有很多很好的工具。

如果您有很多绘图要做，IMO，您最好使用专门的工具（例如Inkscape）来创建原始矢量图形数据，然后使用另一个工具将其转换为 FXML（您可以直接加载到 SceneBuilder 或JavaFX 应用程序）。

JavaFX 1.x 曾经提供了一个工具，您可以直接从 Inkscape 导出 SVG 数据，它会输出基于 JavaFX 1.x FXD 的场景定义。 但不幸的是，JavaFX 2.x 还没有这样的工具。

JavaFX 的类似绘图转换工具是FXG 到 FXML 转换器，它采用 Adob​​e Illustrator 文件并生成可在 SceneBuilder 中使用的 FXML 文件。

如果您的输入数据是 3D 模型，则 InteractiveMesh 提供3D 模型到 FXML 转换器，您可以使用它将模型导入 FXML（然后可以在 SceneBuilder 2.0 中使用）。

有没有关于 Scene Builder 的文档？

• 有一个用户指南。
• Oracle JavaFX 教程中有关于 Scene Builder 的更多信息。
• 以及javafx.com上有关Scene Builder 的一些视频。
• Scene Builder 团队偶尔会发布关于 SceneBuilder 的博客。

如果您发现有关 SceneBuilder 文档的更多反馈，请发送电子邮件至 JavaFX 文档团队：

jfx-docs-feedback_ww@oracle.com