11、QML的模型、视图和委托（Model, View, Delegate）

一、前言

Model-View-Controller (MVC) 是源自SmallTalk的一个设计模式，在构建用户界面时经常用到。把功能相近的部分归结在一起，不相近的部分进行隔离。MVC 将系统分解为模型、视图、控制器三部分，每一部分相对独立，职责单一，在实现过程中可以专注于MVC各自的核心逻辑。MVC的最基本的作用就是解耦。

模型（Model）代表数据。视图（View）代表界面的布局。控制器（Controller ）界面的具体显示样式，和用户进行具体的交互。

QML对Controller部分做了改动，引入了Delegate，合起来就是Model-View-Delegate。模型还是负责提供数据，视图则负责基本的布局管理，剩下显示样式由Delegate实现。

Model-View-Delegate的框架如下图：

model负责提供数据，view负责数据的具体显示位置，delegate和用户交互，负责编辑数据和具体的显示样式

类比到web前端，View提供了布局(html)，Delegate提供了样式(css)，model则提供数据(data)，在mvc中, 不仅数据与显示要分离, 在显示中, 布局与样式也要分离, 布局指的是大的框架背景, 元素的排列组合方式和定位模式, 而样式指的是子元素的颜色,