能否通过for循环创建QML的ListModel并利用索引计算元素坐标？

你直接在ListModel里写for循环创建ListElement的方式行不通，因为QML的ListModel属于声明式结构，没法在它内部直接用命令式的循环代码生成ListElement，确实是混淆了声明式和命令式两种元素创建逻辑。下面给你几种可行的实现方案：

方案一：用整数模型直接计算（最简洁，适配你的场景） #

不需要手动创建ListElement，直接给Repeater指定元素数量，在delegate里通过index计算坐标即可：

Repeater {
    model: 5  // 指定要生成的元素总数
    delegate: Rectangle {
        x: 100 * (index + 1)  // index从0开始，所以+1对应你的100、200...
        y: 100
        width: 50
        height: 50
        color: "red"
        rotation: 0
    }
}

方案二：通过JavaScript动态往ListModel添加元素 #

如果需要保留ListModel的结构（比如后续要动态修改数据），可以在组件加载完成后用循环批量添加元素：

Repeater {
    model: ListModel {
        id: elementModel
    }
    delegate: Rectangle {
        x: p
        y: q
        width: w
        height: h
        color: c
        rotation: o
    }
    Component.onCompleted: {
        // 组件加载完成后执行循环，批量添加数据
        for (let i = 1; i <= 5; i++) {
            elementModel.append({
                p: 100 * i,
                q: 100,
                w: 50,
                h: 50,
                c: "red",
                o: 0
            });
        }
    }
}

方案三：用JS数组作为Model #

利用JS数组的特性快速生成批量数据，直接传给Repeater当模型：

Repeater {
    // 用Array.from快速生成5条数据
    model: Array.from({length:5}, (_, i) => ({
        p: 100 * (i + 1),
        q: 100,
        w: 50,
        h: 50,
        c: "red",
        o: 0
    }))
    delegate: Rectangle {
        x: p
        y: q
        width: w
        height: h
        color: c
        rotation: o
    }
}

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