如何计算像数独游戏这样的网格中的单元格间隙

Question

这就是我现在正在使用的，它正在工作

var cellSize:Number = 36;
var cellGap:Number = 4;
var row:Number;
var col:Number;
for (var a:int = 0 ; a < puzzleSTR.length ; a++)
{
        col = a % 9;
        row = Math.floor(a / 9);
    var cell:Cell = new Cell(puzzleSTR.charAt(a));
    cell.x = col * (cellSize + cellGap);
    cell.y = row * (cellSize + cellGap);                
    container.addChild(cell);
    cells.push(cell);
}

这导致 9*9 网格之间有 4 个像素的间隙，现在我想要相同的结果，但水平和垂直方向上的差距应该是每 8 个单元格 3 个，就像数独一样。

我使用ActionScript3，但我只需要任何语言的概念谢谢

Answer 1

由于您绝对定位元素，因此您需要额外的 4px 间隙(除了默认的 4px 间隙，等于 8px(，来自第四列和该行中的每个后续列。从 col 7 开始，您需要添加 8px，以解决这两个差距。

相同的逻辑适用于行距。请注意，我正在与 3 和 6 进行比较以获得第四和第七列，因为变量是从零开始的。

var extraColPadding = col >= 6 ? 8 : col >= 3 ? 4 : 0;
var extraRowPadding = row >= 6 ? 8 : row >= 3 ? 4 : 0;
cell.x = col * (cellSize + cellGap) + extraColPadding;
cell.y = row * (cellSize + cellGap) + extraRowPadding;