Qt实现原生Flow实现不了的Item错误排列效果，类似淘宝商品展示

main.qml

import QtQuick 2.12
import QtQuick.Window 2.12
import QtQml.Models 2.12
Window {
    visible: true
    width:
    height:
    title: qsTr("Hello World")
    FlowView {
        width:
        height:
        columns:
        spacing:
        model: ObjectModel {
            Rectangle { height: ; width: ; color: "red" }
            Rectangle { height: ; width: ; color: "green" }
            Rectangle { height: ; width: ; color: "blue" }
            Rectangle { height: ; width: ; color: "yellow" }
            Rectangle { height: ; width: ; color: "gray" }
            Rectangle { height: ; width: ; color: "pink" }
        }
    }
}

FlowView.qml

import QtQuick 2.12
import QtQuick.Controls 2.12

Item {
    id: root
    property int columns:
    property var model
    property int rowSpacing
    property int spacing
    clip: true
    property var geomeory: []

    ScrollView {
        anchors.fill: parent
        Repeater {
            model: root.model
            onItemAdded:  {//(int index, Item item)
                if (index %  === ) { //偶数放左边
                    if (index -  >= ) { //上面有,坐标累加
                        item.x = spacing
                        item.y = spacing + geomeory[index - ].y + geomeory[index - ].height
                    } else { //上面没有,直接放
                        item.x = spacing
                        item.y = spacing
                    }
                } else { //奇数放右边
                    if (index -  >= ) { //上面有，坐标累加
                        item.x = spacing + geomeory[index - ].x + geomeory[index - ].width
                        item.y = spacing + geomeory[index - ].y + geomeory[index - ].height
                    } else { //上面没有,直接放. 奇数左边肯定有一个，直接用index - 1
                        item.x = spacing + geomeory[index - ].x + geomeory[index - ].width
                        item.y = spacing
                    }
                }
                geomeory.push(item)
                geomeory = geomeory
            }
            onItemRemoved: { //(int index, Item item)
                //TODO
            }
        }
    }
}

效果图如下：

 感谢支持的涛哥，放一波 @威武的涛哥 知乎专栏链接，Qt方面的专家，而且非常乐于助人

https://zhuanlan.zhihu.com/TaoQt