如何在 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