网上学习资料一大堆,但如果学到的知识不成体系,遇到问题时只是浅尝辄止,不再深入研究,那么很难做到真正的技术提升。
一个人可以走的很快,但一群人才能走的更远!不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人,都欢迎加入我们的的圈子(技术交流、学习资源、职场吐槽、大厂内推、面试辅导),让我们一起学习成长!
+ 模块测试调试
你也将学习到,你的应用程序能否采用模型/视图编程简化开发,是否传统的widget将工作地更好。
这个教程为你提供了示例代码,让你能够编辑和集成它们到你的项目中。这个教程地源代码位于Qt目录下的examples/widgets/tutorials/modelview。
获取更多有关模型/视图编程的详细信息,请参考reference documentation。
1. 引入
模型/视图是一个技术,用于将数据和视图分离。标准的widget不被设计为数据和视图分离,这也是Qt有两种不同类型的widget的原因。两种类型的widget看上去是相同的,但是它们和数据的交互方式不同。
标准的widget数据是widget的一部分 | img |
---|---|
视图类操作外部数据(模型) | img |
1.1 标准widget
让我们深入了解一下标准的表格widget。一个表格widget是一个数据元素的2维数组,用户可以更改这些数据元素。通过读写表格widget中的数据元素,表格widget可以集成到程序流中。这种方式非常直观并且在许多应用程序中都是有用的,但是,通过一个标准的表格widget显示和编辑一个数据库表,会造成一些问题。两份数据的拷贝需要被协调:一份在widget外部;另一份在widget内部。开发者需要同步这两个版本。除此之外,数据的呈现和数据的紧密耦合使得编写单元测试更加困难。
1.2 模型/视图提供解决方案
模型/视图使用了一种更加优雅的方式提供了解决方案。模型/视图消除了在标准widget上的数据一致性问题。模型/视图也让,同时使用多个相同数据的视图,使用起来更简单,因为一个模型可以被传递给许多视图。最重要的差异是模型/视图widget不存储数据。事实上,它们直接操作你的数据。由于视图类不知道你的数据结构,所以你需要提供一个包装器,让你的数据满足QAbstractItemModel接口的要求。一个视图使用这些接口去读写你的数据。任何实现的QAbstractItemModel接口的类的对象,都被成为模型。一旦视图接收到了一个指向模型的指针,视图将读取和显示模型的内容,并成为模型的编辑器。
1.3 模型/视图widget概览
这是一个模型/视图widget和它们相对应的标准widget的概览
Widget | 标准widget | 模型/视图的视图类 |
---|---|---|
img | QListWidget | QListView |
img | QTableWidget | QTableView |
img | QTreeWidget | QTreeView |
img | QColumnView 展示树层级结构的列表 | |
img | QComboBox 可以以视图类或传统widget工作 |
1.4 在表单和模型间使用适配器
在表单和模型之间使用适配器会很方便。
我们可以直接在表格中编辑存储在表格中的数据,但是在文本字段中编辑数据会更舒适。没有直接的模型/视图???
QDataWidgetMapper是一个很好的解决方案,因为它映射表单widget到表格的行,并使非常容易为数据库表构建表单。
另一个适配器的例子是QCompleter。QCompleter提供Qt widegt中的自动完成,例如QComboBox和下面展示的QLineEdit。QCompleter使用一个模型作为他的数据源。
2. 一个简单的模型/视图应用程序
如果你想开发一个模型/视图应用程序,你应该从何处开始?我们推荐从一个简单的案例开始
网上学习资料一大堆,但如果学到的知识不成体系,遇到问题时只是浅尝辄止,不再深入研究,那么很难做到真正的技术提升。
一个人可以走的很快,但一群人才能走的更远!不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人,都欢迎加入我们的的圈子(技术交流、学习资源、职场吐槽、大厂内推、面试辅导),让我们一起学习成长!
一个人可以走的很快,但一群人才能走的更远!不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人,都欢迎加入我们的的圈子(技术交流、学习资源、职场吐槽、大厂内推、面试辅导),让我们一起学习成长!