Qt/QML学习-模型视图代理

最新推荐文章于 2024-09-16 22:36:39 发布

放假当宅宅

最新推荐文章于 2024-09-16 22:36:39 发布

阅读量467

点赞数 17

分类专栏： Qt/QML学习文章标签： qt 学习

本文链接：https://blog.csdn.net/qq1138345424/article/details/140002318

版权

Qt/QML学习专栏收录该内容

44 篇文章 1 订阅

订阅专栏

QML学习

模型视图代理例程
视频讲解
代码

在这里插入图片描述

main.qml

Window {
    width: 640
    height: 480
    visible: true
    title: qsTr("Hello World")
    ListView {
        id: myListView
        width: 150
        height: parent.height
        model: ListModel {
            ListElement { content: "ListView"}
            ListElement { content: "放假当宅宅"}
            ListElement { content: "一键三连"}
        }
        delegate: Rectangle {
            width: 150
            height: 50
            color: index % 2 === 0 ? "#30ffaf" : "#f6ff08"
            Text {
                anchors.centerIn: parent
                text: content;
                font{
                    pointSize: 20
                    bold: true
                }
            }
        }
    }

    Column {
        id: myColumn
        width: 150
        height: parent.height
        anchors.left: myListView.right
        anchors.leftMargin: 2
        Repeater {
            model: ["Column", "放假当宅宅", "一键三连"]
            delegate: Rectangle {
                width: 150
                height: 50
                color: index % 2 === 0 ? "#30ffaf" : "#f6ff08"
                Text {
                    anchors.centerIn: parent
                    text: modelData;
                    font{
                        pointSize: 20
                        bold: true
                    }
                }
            }
        }
    }

    GridView {
        id: myGridView
        width: 300
        height: parent.height
        anchors.left: myColumn.right
        anchors.leftMargin: 2
        cellWidth: 150
        cellHeight: 50
        model: ListModel {
            ListElement { content: "GridView"}
            ListElement { content: "放假当宅宅"}
            ListElement { content: "一键三连"}
        }
        delegate: Rectangle {
            width: 150
            height: 50
            color: index % 2 === 0 ? "#30ffaf" : "#f6ff08"
            Text {
                anchors.centerIn: parent
                text: content;
                font{
                    pointSize: 20
                    bold: true
                }
            }
        }
    }
}