13、GridView案例

原创

于 2021-01-04 20:22:59 发布 · 495 阅读

2 ·

CC 4.0 BY-SA版权

文章标签：

#qml #qt

一、介绍

在动态视图组件GridView中添加和删除数据以及遇到的问题

二、实现

import QtQuick 2.5
import QtQuick.Window 2.3

Window {
    visible: true
    id:root
    width: 320
    height: 240

    ListModel {
        id:themode
        ListElement {number:0}
        ListElement {number:1}
        ListElement {number:2}
        ListElement {number:3}
        ListElement {number:4}
        ListElement {number:5}
        ListElement {number:6}
        ListElement {number:7}
        ListElement {number:8}
        ListElement {number:9}
    }//窗口中的初始元素列表

    GridView {
        anchors.fill:parent
        anchors.margins: 20

        model: themode
        clip: true//一定要设置为true，否则，数据会覆盖其他界面！！！！
        cellHeight: 45//每个Grid的高度和宽度属性
        cellWidth: 45

        delegate: boxcomp
    }

    Rectangle {//创建add按钮
        //z:10
        anchors.bottom: parent.bottom
        anchors.left: parent.left
        anchors.right: parent.right
        anch