如何在JavaFX中无缝地从网格方块中绘制网格

Question

我一直在编写迷宫算法，并希望绘制使用JavaFX生成的迷宫。

首先，我试图画一个简单的网格——但是由更小的形状组成，这样我以后就能把网格的形状变成迷宫。

我使用了小的左上角形状(像┏)和一个< code>GridPane，但是这导致了单元格之间的小的不连续。(截图和下面的代码)。我怎样才能无缝地把这些形状拼在一起？关于< code>Gridpane的想法，我是不是找错了对象？

目前已尝试绘制网格

下面我的代码，其实是用Scala写的；我正在使用ScalaFX，但是在网上寻找ScalaFX的帮助简直是一场噩梦，所以我已经完全脱离了JavaFX文档——据我所知，它们几乎是一样的。

val lineLength: Int = 30

def makeClosedCell(length: Int = lineLength): Shape = {
    val wallN = Line(0,0,length,0)
    val wallW = Line(0,0,0,length)
    val closedCell: Shape = Shape.union(wallN, wallW)
    return closedCell
}

def makeOpenW(length: Int = lineLength): Shape = Line(0,0,length,0)

def makeOpenN(length: Int = lineLength): Shape = Line(0,0,0,length)

def initialiseGrid(r: GridPane, sizex: Int, sizey: Int): Unit = {
    for (i <- 0 until sizex) {
        val colConst = new ColumnConstraints()
        colConst.setPercentWidth(100.0 / sizex)
        r.getColumnConstraints().add(colConst)
    }
    for (i <- 0 until sizey) {
        val rowConst = new RowConstraints()
        rowConst.setPercentHeight(100.0 / sizey)
        r.getRowConstraints().add(rowConst)     
    }
    for(j <- sizey-1 to 0 by -1){
        for(i <- 0 until sizex){
            r.add(makeClosedCell(),i,j)
        }
        r.add(makeOpenN(),sizex,j)
    }
    for(i <- 0 until sizex){
        r.add(makeOpenW(),i,sizey)
    }
}

Answer 1

刚找到解决办法。我发现这可以通过将精确的列和行的宽度和高度固定为与行长度相同的值来解决，如下所示:

val rowConst = new RowConstraints()
// remove: rowConst.setPercentHeight(100.0 / sizey)
rowConst.setMinHeight(length)
rowConst.setMaxHeight(length)
r.getRowConstraints().add(rowConst) 

当然，长度传递到初始化函数中。