JavaFX技术问题：将线条绑定到两个Pane的中心

嗨，作为JavaFX新手碰到这种绑定适配的问题太正常了！你已经搞定了Pane和GridPane的缩放，还把线条宽度绑定到了cellSize，只差最后一步——把线条的起点/终点坐标动态绑定到对应Pane的位置和尺寸属性，而不是用固定值。

核心思路 #

GridPane里的Pane在窗口缩放时，它们的layoutX、layoutY（相对于父容器的位置）、width、height属性会自动更新。我们只需要把Line的startX、startY、endX、endY绑定到这些属性的组合上，就能让线条跟着Pane一起动。

具体代码示例 #

假设你要在lastPane和currentPane之间画线，比如连接两个相邻Pane的边缘（或中心），可以这么写：

// 先创建线条
Line connectionLine = new Line();

// 示例1：连接lastPane的右边缘中心 到 currentPane的左边缘中心
// 绑定起点X：lastPane的X位置 + 它的宽度（即右边缘坐标）
connectionLine.startXProperty().bind(lastPane.layoutXProperty().add(lastPane.widthProperty()));
// 绑定起点Y：lastPane的Y位置 + 高度的一半（垂直中心）
connectionLine.startYProperty().bind(lastPane.layoutYProperty().add(lastPane.heightProperty().divide(2)));

// 绑定终点X：currentPane的X位置（左边缘坐标）
connectionLine.endXProperty().bind(currentPane.layoutXProperty());
// 绑定终点Y：currentPane的垂直中心
connectionLine.endYProperty().bind(currentPane.layoutYProperty().add(currentPane.heightProperty().divide(2)));

// 你已经实现的线条宽度绑定，这里可以保留
connectionLine.strokeWidthProperty().bind(cellSize.divide(8)); // 按cellSize的比例设置宽度，数值可以调整

// 关键：把线条放到GridPane的父容器（比如一个StackPane）里，避免被GridPane单元格裁剪
// 假设你的GridPane放在一个叫root的StackPane里
root.getChildren().add(connectionLine);

额外注意事项 #

• 线条层级：一定要把线条放在GridPane的上方（比如同一个StackPane的子节点，线条后添加就会在顶层），不然可能会被GridPane的单元格遮挡。
• 动态场景适配：如果游戏中会动态添加/移除Pane，记得在移除Pane时同时解绑线条的绑定并移除线条，避免内存泄漏。
• 自定义连接点：如果需要连接Pane的其他位置（比如左上角、右下角），只需要调整绑定的属性组合就行，比如左上角就是layoutX和layoutY，右下角是layoutX + width和layoutY + height。

这样调整后，不管窗口怎么缩放，线条都会自动跟着Pane的位置和大小变化，完美适配！

内容的提问来源于stack exchange，提问作者Harkan