QML中GridView所有属性及用法说明并附上代码

QML中的GridView是QtQuick中的一个控件，用于在一个网格中展示一组数据项。下面是GridView的常用属性及用法说明：

1. model：GridView要展示的数据模型，可以是一个ListModel或者一个QAbstractItemModel的子类。

2. delegate：用于展示每个数据项的delegate组件。可以是一个Component或者一个QML文件路径。

3. anchors：用于设置GridView在父控件中的位置和大小。

4. cellWidth：设置每个网格项的宽度。如果未设置，则GridView会自动计算每个网格项的大小。

5. cellHeight：设置每个网格项的高度。如果未设置，则GridView会自动计算每个网格项的大小。

6. flow：设置网格项的排列方式。有两种取值：Flow.TopToBottom表示从上到下排列，Flow.LeftToRight表示从左到右排列。

7. snapMode：设置滚动时是否吸附到网格项。有三种取值：SnapMode.None表示不吸附，SnapMode.ScrollOneItem表示滚动一个网格项时吸附，SnapMode.ScrollOneRowOrColumn表示滚动一行或一列时吸附。

8. highlight：设置当鼠标悬停在网格项上时的高亮效果。

下面是一个简单的GridView示例代码：

GridView {
    id: grid
    anchors.fill: parent
    cellWidth: 100
    cellHeight: 100
    flow: Flow.LeftToRight
    snapMode: SnapMode.ScrollOneItem
    highlight: Rectangle {
        color: "gray"
        opacity: 0.5
    }
    model: ListModel {
        ListElement { text: "Item 1" }
        ListElement { text: "Item 2" }
        ListElement { text: "Item 3" }
        ListElement { text: "Item 4" }
        ListElement { text: "Item 5" }
        ListElement { text: "Item 6" }
        ListElement { text: "Item 7" }
        ListElement { text: "Item 8" }
        ListElement { text: "Item 9" }
    }
    delegate: Rectangle {
        width: grid.cellWidth
        height: grid.cellHeight
        Text {
            text: model.text
            anchors.centerIn: parent
        }
    }
}

其中，这个示例中的GridView展示了一个ListModel中的9个数据项，每个数据项的大小都为100x100，从左到右排列，滚动一个网格项时吸附。当鼠标悬停在网格项上时，网格项会变成灰色半透明。每个网格项使用一个Rectangle来展示数据，Rectangle中包含了一个Text组件来展示数据项的文本内容。