qt mvc 详解 并举例

Qt MVC (Model-View-Controller) 是一种设计模式，用于将用户界面与底层数据分离开来。在 Qt 中，这种模式被称为 Model/View 架构。以下是对 Qt MVC 的详细解释，并附带示例：

1. 模型（Model）:
   - 负责数据的存储和管理
   - 定义数据的结构和操作方法
   - 不依赖于视图或控制器

2. 视图（View）:
   - 负责数据的可视化展示
   - 从模型获取数据并显示
   - 可以有多个视图展示同一个模型的数据

3. 委托（Delegate）:
   - 在 Qt 中，委托替代了传统 MVC 中的控制器
   - 负责数据项的绘制和编辑
   - 定义如何显示和编辑模型中的数据

Qt 提供了许多预定义的模型和视图类：

模型:
- QStringListModel
- QStandardItemModel
- QFileSystemModel
- QSqlTableModel

视图:
- QListView
- QTreeView
- QTableView

示例：使用 QStringListModel 和 QListView

```cpp
#include <QApplication>
#include <QListView>
#include <QStringListModel>

int main(int argc, char *argv[])
{
    QApplication app(argc, argv);

    // 创建模型
    QStringListModel model;
    QStringList list;
    list << "Item 1" << "Item 2" << "Item 3";
    model.setStringList(list);

    // 创建视图
    QListView view;
    view.setModel(&model);
    view.show();

    return app.exec();
}
```

这个例子创建了一个简单的列表视图，显示了模型中的字符串列表。

更复杂的例子：自定义模型和委托

```cpp
#include <QApplication>
#include <QTableView>
#include <QStandardItemModel>
#include <QStyledItemDelegate>
#include <QPainter>

// 自定义委托
class ColorDelegate : public QStyledItemDelegate
{
public:
    void paint(QPainter *painter, const QStyleOptionViewItem &option,
               const QModelIndex &index) const override
    {
        if (index.column() == 1) { // 对第二列进行特殊处理
            QString colorName = index.data().toString();
            QColor color(colorName);
            painter->fillRect(option.rect, color);
        } else {
            QStyledItemDelegate::paint(painter, option, index);
        }
    }
};

int main(int argc, char *argv[])
{
    QApplication app(argc, argv);

    // 创建模型
    QStandardItemModel model(4, 2);
    model.setHeaderData(0, Qt::Horizontal, "Name");
    model.setHeaderData(1, Qt::Horizontal, "Color");

    model.setData(model.index(0, 0), "Red");
    model.setData(model.index(0, 1), "red");
    model.setData(model.index(1, 0), "Green");
    model.setData(model.index(1, 1), "green");
    model.setData(model.index(2, 0), "Blue");
    model.setData(model.index(2, 1), "blue");
    model.setData(model.index(3, 0), "Yellow");
    model.setData(model.index(3, 1), "yellow");

    // 创建视图
    QTableView view;
    view.setModel(&model);

    // 设置委托
    ColorDelegate *delegate = new ColorDelegate();
    view.setItemDelegate(delegate);

    view.show();

    return app.exec();
}
```

这个例子创建了一个表格视图，显示颜色名称和对应的颜色。自定义的委托用于在第二列中绘制颜色块。

通过这些例子，你可以看到 Qt 的 MVC 架构如何分离数据（模型）、显示（视图）和交互（委托），使得代码更加模块化和易于维护。