QML之GridView实现滑动的网格布局

最近在做关于滑动网格的需求，正好用到了GridView实现对应的功能。

1、GridView 关键属性

GridView相关的属性比较多，下面是一些关键的属性：

cellHeight: 表格中单个格子的高度
cellWeight: 表格中单个格子的宽度
currentIndex: 当前焦点所在的索引
delegate: 代理，即格子内的实现方式
layoutDirection: 所有格子的排列顺序
model: 表格的数据

2、GridView实现滑动表格

实现思路：

1、创建一个GridView，设置格子的大小
2、创建一个model（即数据库），一个delegate（格子内的显示形式）

实现代码：
main.qml

import QtQuick 2.12
import QtQuick.Window 2.12

Window {
   
   
    id:root
    width: 640
    height: 480
    visible: true
    title: qsTr("Hello World")

    Rectangle {
   
   
        anchors.fill: