Qt Model/View 架构详解与相薄功能实现案例

Qt的Model/View架构是一种常用的应用程序设计模式，它使得数据的存储和展示分离，增强了代码的可重用性和灵活性。Model表示数据和数据处理逻辑，View表示数据的展示方式。Model/View架构的核心是Model，它负责管理数据并提供必要的接口供View使用。View通过与Model的交互，动态地展示数据。
在Qt中，Model/View架构主要由三部分组成：Model、View和Controller。Model是数据的管理者，负责存储和操作数据。View是用户界面，负责展示数据。Controller是连接Model和View的桥梁，负责处理用户输入并更新Model和View。
下面是一个简单的例子，演示如何使用Qt的Model/View架构实现一个相薄功能。
实现步骤：

1. 创建Model：首先，我们需要创建一个继承自QAbstractListModel的Model。在这个模型中，我们需要重写必要的方法，如rowCount()、data()等，以提供数据给View。
2. 创建View：然后，我们需要创建一个继承自QListView的View。在这个视图中，我们需要设置相应的Model。
3. 实现Controller：Controller的实现相对简单，主要是处理用户的输入事件，如点击按钮添加图片等，并更新Model和View。
4. 添加图片到Model：在Controller中，我们可以添加图片到Model中。这可以通过调用Model的相应方法实现。
5. 更新View：当Model中的数据发生变化时，View会自动更新以反映这些变化。
   下面是一个简化的代码示例：

   class ImageModel : public QAbstractListModel {
   Q_OBJECT
   public:
   ImageModel(QObject *parent = nullptr) : QAbstractListModel(parent) {}
   int rowCount(const QModelIndex &parent = QModelIndex()) const override {
   return images.size();
   }
   QVariant data(const QModelIndex &index, int role = Qt::DisplayRole) const override {
   if (role == Qt::DisplayRole && index.row() < images.size()) {
   return images[index.row()].path;
   }
   return QVariant();
   }
   void addImage(const QString &path) {
   images.push_back(QFileInfo(path));
   emit dataChanged(index(images.size() - 1), index(images.size() - 1));
   }
   private:
   QList<QFileInfo> images;
   };
   class ImageView : public QListView {
   Q_OBJECT
   public:
   ImageView(QWidget *parent = nullptr) : QListView(parent) {
   setModel(&model);
   }
   private:
   ImageModel model;
   };

   在这个例子中，我们创建了一个ImageModel作为数据的管理者，它维护了一个图片文件列表。我们还创建了一个ImageView作为用户界面，它使用ImageModel作为数据源。Controller的实现相对简单，只需要在适当的时候调用ImageModel的addImage()方法即可。
   通过这个例子，我们可以看到Qt的Model/View架构是如何通过将数据存储和展示分离，使得代码更加清晰和易于维护。在实际项目中，我们可以根据需要创建更复杂的Model和View，以满足各种需求。