每个UI开发人员都应该了解ModelView编程，本教程的目标是为大家提供一个简单易懂的介绍。

Qt 是目前最先进、最完整的跨平台C++开发工具。它不仅完全实现了一次编写，所有平台无差别运行，更提供了几乎所有开发过程中需要用到的工具。如今，Qt已被运用于超过70个行业、数千家企业，支持数百万设备及应用。

表格、列表和树小部件是GUIs中经常使用的组件，这些小部件有两种访问数据的不同方式。传统的方法涉及小部件，其中包括用于存储数据的内部容器，这种方法非常直观，但是在许多重要的应用程序中，它会导致数据同步问题。第二种方法是模型/视图编程，其中小部件不维护内部数据容器，它们通过标准化接口访问外部数据，因此避免了数据重复。乍一看，这似乎很复杂，但一旦仔细观察，它不仅容易掌握，而且模型/视图编程的许多好处也变得清晰起来。

在这个过程中，我们将学习Qt提供的一些基本技术，例如：

• 标准小部件和模型/视图小部件之间的区别

• 表单和模型之间的适配器

• 开发简单的模型/视图应用程序

• 预定义的模型

• 中间话题，例如：

• 树视图

• 选择

• 代表

• 使用模型测试进行调试

您还将了解使用模型/视图编程是否可以更容易地编写新应用程序，或者传统的小部件是否也能工作。

本教程包括示例代码，供您编辑和集成到项目中，教程的源代码位于Qt的examples/widgets/tutorials/modelview目录下。

点击获取Qt Widget组件下载(Q技术交流：166830288）

1. 介绍

Model/View（模型/视图）是一种用于在处理数据集的小部件中将数据与视图分离的技术，标准的小部件不是为将数据与视图分离而设计的，这就是Qt有两种不同类型的小部件的原因。这两种类型的小部件看起来是一样的，但它们与数据的交互方式不同。

标准小部件使用作为小部件一部分的数据。

视图类操作外部数据(模型)

1.1 标准Widgets（小部件）

让我们仔细研究一下标准表格小部件，表格小部件是用户可以更改数据元素的2D数组，通过读写表格小部件提供的数据元素，可以将表格小部件集成到程序流中。这种方法在许多应用程序中非常直观和有用，但是使用标准表格小部件显示和编辑数据库表可能会有问题，必须协调两个数据副本：一个在小部件外部，一个在小部件内部，开发人员负责同步两个版本。除此之外，表示和数据的紧密耦合使得编写单元测试更加困难。

1.2 拯救模型/视图

模型/视图进一步提供了一个使用更通用的体系结构的解决方案，模型/视图消除了标准小部件可能出现的数据一致性问题。模型/视图还可以更容易地使用相同数据的多个视图，因为一个模型可以传递给多个视图。最重要的区别是模型/视图小部件不将数据存储在表单元格后面，事实上，它们直接从您的数据中进行操作。由于视图类不知道数据的结构，因此需要提供一个包装器，使数据符合QAbstractItemModel接口，视图使用这个接口来读取和写入数据。实现QAbstractItemModel的类的任何实例都被称为模型，一旦视图接收到一个指向模型的指针，它将读取并显示内容，并成为它的编辑器。

1.3 模型/视图小部件概述

下面是模型/视图小部件及其相应的标准小部件的概述。

1.4 在表单和模型之间使用适配器

在表单和模型之间使用适配器可以派上用场。

我们可以直接从表单本身编辑存储在表中的数据，但是在文本字段中编辑数据要舒服得多。对于操作一个值(QLineEdit, QCheckBox ...)替代数据集的小部件，没有直接的模型/视图对应物来分离数据和视图，因此我们需要一个适配器来将表单连接到数据源。

QDataWidgetMapper是一个很好的解决方案，因为它将表单小部件映射到表单行，并且非常容易为数据库表构建表单。

适配器的另一个例子是QCompleter，Qt有QCompleter，用于在QComboBox和QLineEdit等Qt小部件中提供自动补全功能，QCompleter使用一个模型作为它的数据源。