Qt Quick：模型与视图

一、模型&视图

描述：
1、模型/视图架构包含模型Model、视图View和委托Delegate
2、模型Model：包含数据及其结构，有多种QNL类型可以创建模型
3、视图View：显示数据的容器，可以通过列表或者表格的形式显示
4、委托Delegate：控制数据在视图中进行显示，获取并封装了模型中的每个数据

import QtQuick
import QtQuick.Controls

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

    ListModel {
        id: iListModel
        ListElement { type: "Dog"; age: 8 }
        ListElement { type: "Cat"; age: 15 }
        ListElement { type: "Tiger"; age: 10 }
        ListElement { type: "Monkey"; age: 12 }
    }

    ListView {
        id: iListView
        model: iListModel
        delegate: iComponent
        anchors.fill: parent
    }

    Component {
        id: iComponent
        Label { text: type + ", " + age; font.pixelSize: 24 }
    }
}