如何在QML中创建交错的网格视图?

Nik*_*Nik 4 qt qml

我正在尝试为我的QML应用程序创建交错的网格视图,如下图所示.我尝试过使用QML Flow和QML Grid,但是它们都不会产生我想要的设计.

在此输入图像描述

例如,当我使用QML Flow时,它导致行始终以相同的Y值开始.

在此输入图像描述

iBe*_*eve 5

ColumnFlow为我的应用程序项目仪表板实现了交错的网格视图(我称之为),并将其放在GPLv3许可的单独库中.以下是它的外观:

项目仪表板 - 脉冲

源代码ColumnFlow在我的GitHub存储库iBeliever/ubuntu-ui-extras中.最初的实现是由我的库的一个分支中的另一个开发人员启动的,然后我将其拉回并进行了大量更改以使其按照我需要的方式工作.

您可以在sonrisesoftware/project-dashboard中找到有关如何使用它的各种示例,例如" 设置"页面.