如何在Gridview中创建间距

Question

我想在QML中创建一个gridview。每个单元由上面的一个图像和下面的文本组成。如何在Gridview

中的每个单元格和每行之间设置空格

Answer 1

您可以使用cellWidth和cellHeight属性设置间距。据我所知，没有其他间距属性。

有关详细信息，请参阅dispatched。

Answer 2

您可以将GridView's cellWidth和GridView's cellHeight设置为某个值，然后将delegate width和height设置为cellWidth-8和{{1获得间距。

Answer 3

此代码创建特定URL中可用视频的gridview，并将其显示为“图像和标题”。您需要单击图像才能观看视频。

  MyGridView{

        id: GridImage
        y: 150
        height: 250
        Layout.alignment: Qt.AlignLeft | Qt.AlignTop
        cellWidth: 250
        Layout.fillWidth: true
        Layout.fillHeight: true
        delegate: VideoDelegate {
        image: app.fileNameToUrl(model.image)
        title:  model.name
        onClicked: stack.push(Qt.resolvedUrl("TutorialView.qml"), {model:app.videosForProduct(model.id), title:title})
        }
        model: app.userLibrary
    }
}