QML tutorial model/view

最新推荐文章于 2024-06-13 09:53:18 发布

wblong_cs

最新推荐文章于 2024-06-13 09:53:18 发布

阅读量153

点赞数

分类专栏： qml 文章标签： qml listview mvc

本文链接：https://blog.csdn.net/mrbaolong/article/details/109323130

版权

qml 专栏收录该内容

2 篇文章 0 订阅

订阅专栏

Model

PetsModel .qml

import QtQuick 2.0
ListModel {
    ListElement {
        name: "Polly"
        type: "Parrot"
        age: 12
        size: "Small"
    }
    ListElement {
        name: "Penny"
        type: "Turtle"
        age: 4
        size: "Small"
    }

    ListElement {
        name: "Warren"
        type: "Rabbit"
        age: 2
        size: "Small"
    }
    ListElement {
        name: "Spot"
        type: "Dog"
        age: 9
        size: "Medium"
    }
    ListElement {
        name: "Schrödinger"
        type: "Cat"
        age: 2
        size: "Medium"
    }
    ListElement {
        name: "Joey"
        type: "Kangaroo"
        age: 1
        size: "Medium"
    }
    ListElement {
        name: "Kimba"
        type: "Bunny"
        age: 65
        size: "Large"
    }
    ListElement {
        name: "Rover"
        type: "Dog"
        age: 5
        size: "Large"
    }
    ListElement {
        name: "Tiny"
        type: "Elephant"
        age: 15
        size: "Large"
    }
}

View

Delegate:dragDelegate:控制Item显示样式；
View:ListView


import QtQuick 2.0

Rectangle {
    id: root
    width: 300; 
    height: 400
    Component {
        id: dragDelegate

        Rectangle {
            id: content

            anchors { left: parent.left; right: parent.right }
            height: column.implicitHeight + 4

            border.width: 1
            border.color: "lightsteelblue"

            radius: 2
			//垂直安排
            Column {
                id: column
                anchors { fill: parent; margins: 2 }

                Text { text: 'Name: ' + name }
                Text { text: 'Type: ' + type }
                Text { text: 'Age: ' + age }
                Text { text: 'Size: ' + size }
            }
        }
    }
    ListView {
        id: view
        anchors { fill: parent; margins: 2 }
        //模型
        model: PetsModel {}
        //委托，中介
        delegate: dragDelegate
        spacing: 4
        cacheBuffer: 50
    }
}