Dynamic generation of grid of cells ?

[loloof64]

As an attempt to generate a grid of cells, I've tried the following :

for index in 64: Rectangle {
    background: mod(mod(index, 8) + (index / 8), 2) == 0 ? #FFDEAD : #CD853F;
    width: size * 0.111px;
    height: size * 0.111px;
}

But it seems I'm missing a way to position all those cells. Furthermore, I'm using a single loop, where two nested loops would help much more.

So is it possible to do this ?

[ogoffart]

You can use the x and y properties to position elements that are not in a layout.

Example:

   for index in 64: Rectangle {
        background: mod(mod(index, 8) + (index / 8), 2) == 0 ? #FFDEAD : #CD853F;
        width: size * 0.111px;
        height: size * 0.111px;
        x: width * mod(index, 8);
        y: height * floor(index/8);
    }

demo

[loloof64]

Thank you very much 😃