QML --》 GridView（网格视图）

import QtQuick 2.0

Rectangle{
    width: 240;
    height: 300;
    color: "white"
    GridView{
        anchors.fill: parent
        anchors.margins: 20

        clip: true　　// 设置clip属性为true，来激活裁剪功能

        model:40
        delegate: numberDelegate
        cellHeight: 45
        cellWidth: 45
        header: headerComponent    // 页眉
        footer: footerComponent    // 页脚
    }
    Component{
        id:headerComponent
        Rectangle{
            width: 40;
            height: 20;
            color: "yellow"
        }
    }
    Component{
        id:footerComponent
        Rectangle{
            width: 40;
            height: 20;
            color: "yellow"
        }
    }
    Component{
        id:numberDelegate
        Rectangle{
            width: 40;
            height: 40;
            color: "lightGreen"
            Text {
                anchors.centerIn: parent
                font.pixelSize: 10
                text: index
            }
        }
    }
}