绘制可点击的网格与背景

Question

我目前正在探索绘制（javafx）有限2D（N x N）网格的选项，其中交叉是可点击元素。

示例:(红色矩形是可点击区域的示例 - 意味着区域绑定到特定交叉点，所有交叉点应该是这样的矩形）。

要求：

• 网格可调整大小（保留x / y比例）。
• “Crossings”可以接收鼠标事件。

截至目前，它要么使GridPane保持接收事件的矩形。每个矩形的背景图对应于其在网格中的位置（因此边框上的矩形具有不同的背景）。

我考虑过的其他事情是在GridPane上放置透明矩形，它本身会绘制背景。

现在我的问题是 - 做这种事情的最佳/正确方法是什么。哪些工具对我有用？