Model 與 View 類別

QListWidget、QTreeWidget、QTableWidget，它們分別是QListView、QTreeView、QTableView的子類別，而這些父類別又都繼承自QAbstractItemView類別， QAbstractItemView負責Model/View設計中View的角色，而QAbstractItemModel則南Model/View設計中Model的角色。

Model/View設計中，View負責畫面的呈現，而Model則是與畫面無關的資料模型，一個畫面表現出資料模型的呈現方式，資料模型可以被多個不同性質的畫面呈現，例如表格、清單、長條圖等，如果資料有變動，畫面會同時依照資料模型而變動。

以最簡單的例子來說明View類別的使用：

#include <QApplication>
#include <QStringList>
#include <QAbstractItemModel>
#include <QStringListModel>
#include <QListView>

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

    QStringList numbers;
    numbers << "caterpillar" << "momor" << "bush" << "bee";
    QAbstractItemModel *model = new QStringListModel(numbers);
    
    QListView *view = new QListView;
    view->setWindowTitle("QListView & Model");
    view->setModel(model);
      
    view->show();
    
    return app.exec();
}

QStringListModel為QAbstractItemModel的子類別，上面的程式當中，使用QStringListModel包裝QStringList資料，以作為View的資料模型，在這邊使用QListView作為畫面，並使用其setModel()方法設定資料模型。

下圖為執行時的參考畫面：

Qt有提供QAbstractItemModel的幾個實作，像是QStringListModel、QSqlQueryModel、 QStandardItemModel等，下面這個程式使用QTableView與QStandItemModel製作表格，資料模型將由兩個表格畫面共享，當您改變其中一個表格畫面的資料時，資料模型的資料會變動，而另一個表格畫面的資料也會自動更新：

#include <QApplication>
#include <QStandardItemModel>
#include <QStandardItem>
#include <QTableView>

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

    QStandardItemModel *model = new QStandardItemModel;
    model->setItem(0, 0, new QStandardItem("January"));
    model->setItem(1, 0, new QStandardItem("February"));
    model->setItem(0, 1, new QStandardItem("10,000"));
    model->setItem(1, 1, new QStandardItem("20,000"));
        
    QTableView *view1 = new QTableView;
    view1->setModel(model);

    QTableView *view2 = new QTableView;
    view2->setModel(model);
        
    view1->show();
    view2->show();
    
    return app.exec();
}

下圖為執行時的參考畫面：

QDirModel提供本機檔案系統的檔案資訊快取，下面這個程式使用QDirModel、QTreeView與QListview，製作類似檔案總管的功能，您可以在QTreeView中點選項目，如果該項目是資料夾，則在QListView中顯示該資料夾中的檔案與子資料夾：

#include <QApplication>
#include <QDirModel>
#include <QTreeView>
#include <QListview>

int main(int argc, char *argv[]) {
    QApplication app(argc, argv);
    
    QDirModel *treeModel = new QDirModel;
    QTreeView *tree = new QTreeView;
    tree->setModel(treeModel);

    QListView *list = new QListView;
    list->setModel(treeModel);
    list->setRootIndex(treeModel->index("C://"));
    
    QObject::connect(tree, SIGNAL(clicked(const QModelIndex&)),
                     list, SLOT(setRootIndex(const QModelIndex&)));
    
    tree->setWindowTitle("QTreeView");
    tree->show();
    list->setWindowTitle("QListView");
    list->show();
        
    return app.exec();
}

下圖為執行時的參考畫面：