在QT4中使用QTableView制作属性编辑器

最近在用QT写的一个程序中,需要一个对大量参数进行设置的功能。过去用Delphi的经验是,尽量不要使用QListView和TGrid来实现,因为 涉及到控件的对齐,界面的重绘等,反而使简单问题变得复杂。因此这次用QT写程序时也想当然,用控件数组的方式来解决。很快程序写好了,界面如下:

在QT4中使用QTableView制作属性编辑器_第1张图片

显示出的效果还不错,但是遇到了一个严重的问题,那就是速度。由于QT的机制是自动调整控件比例来适应各种系统和窗体大 小,而这个调整的功能其实涉及到复杂的运算。另外,QT的控件创建也不如真正控件的创建那么快。因此当控件数量一大,构建整个界面就变得其慢无比了。在我 的机器上,像上图这样的界面打开需要1-2秒时间,而且即使到了性能较好的计算机上也没有什么大的改善。这样的效果就连自己都无法忍受,更别说使用者了。

于 是考虑改进,参考QT的example中的spinboxdelegate例子,使用QTableView来解决。具体方法是:

1)在控 件设计器中放置一个QTableView,并调整好其与其它控件的位置关系。生成ui文件,在程序中制作相应的界面窗体类。

2)从 QItemDelegate中继承出一个新的类,它将用来配合上面的QTableView,用来告诉其是否可以针对某个Cell进入编辑模式,以及在编辑 该Cell时,使用什么控件,相互的值如何传递等。
具体来说,只要继承QItemDelegate中以下的几个虚函数就可以了:

class enstCatheterNodeInfoDelegate : public QItemDelegate
{
    Q_OBJECT
public:
    enstCatheterNodeInfoDelegate(QObject *parent, enstCatheterInfo *pCatheterInfo);
    QWidget* createEditor(QWidget *parent, const QStyleOptionViewItem &option,
                const QModelIndex &index) const;
    void setEditorData(QWidget *editor, const QModelIndex &index) const;
    void setModelData(QWidget *editor, QAbstractItemModel *model,
                const QModelIndex &index) const;
    void updateEditorGeometry(QWidget *editor, const QStyleOptionViewItem &option,
                const QModelIndex &index) const;
};

createEditor()函数,在QTableView中某个 Cell被DoubleClick时触发,这时可以用其index参数,获得该Cell的行与列,如果确定该Cell是可以被编辑的,那么就生成一个对应 的编辑控件,如:

            QComboBox *cbo = new QComboBox(parent);
            cbo->addItem(" 1 ");
            cbo->addItem(" 2 ");
            cbo->addItem(" 3 ");
            cbo->installEventFilter(const_cast(this));
            return cbo;

这时,一个ComboBox就会被自动替换到该Cell的位置上了。以上 cbo->installEventFilter(),是为了让QItemDelegate能够获得用户在该控件上的Enter,Escape等事 件,以便做出相应处理。
如果该Cell不能被编辑,此时返回NULL就可以了。

setEditorData()函数,用来对生成 的控件中的值进行初始化,一般来说,这个函数在以上的createEditor()函数结束后会被自动调用,如下:

            QComboBox *cbo = static_cast(editor);
            cbo->setCurrentIndex(0);

editor 是QWidget类型的参数,它代表createEditor()函数中生成的那个控件,这里必须将其进行类型转换,才可以变成自己实际生成的那个控件类 型。如果在createEditor()中根据index.column()不同,生成了不同的编辑控件,那么这里也需要判断 index.column(),来将editor参数转换成相应的控件。

接着setModelData(),它会在用户的离开当前编辑中 的Cell时被调用,可以在此将编辑控件中被修改了的数据写回到QTableView中,如下:

            QString tmpstr;
            QComboBox *cbo = static_cast(editor);
            tmpstr.setNum(cbo->currentIndex());
            model->setData(index, tmpstr);

最后,updateEditorGeometry(),这个函数是用来控 制编辑控件的位置的,一般只需要写成:

    editor->setGeometry(option.rect);

编辑控件就会自动被调整到Cell的大小了。

3)在实际的窗体类中,使用如下的代码将以上这个类与 QTableView关联起来:

    enstCatheterNodeInfoDelegate *delegate = new enstCatheterNodeInfoDelegate(this);
    tbl1->setItemDelegate(delegate);

4)光这样还不行,由于QTableView实在太底层了,它还需要知道以怎样的方式显示,即指定一个ItemModel,可以 选用的类包括:
QDirModel:可以以树状方式显示某个目录下的所有子目录,以及其相关信息。
QProxyModel:用来将旧的 Model类型过渡到新类型上的。
QStandardItemModel:最简单的Grid方式的显示Model。
另外,还可以自己从 QAbstractListModel, QAbstractProxyModel, QAbstractTableModel来继承出符合自己要求的model。
偷个懒,我就直接使用QStandardItemModel了:

    mItemModel = new QStandradItemMode(this, 3, 10);
    tbl1->setModel(mItemModel);

5)基本完成,最后再加上初始化QTableView中所有文字,以及最终将设置好了的内容保存出来的代码,就可以了,完成的界面 显示如下:

在QT4中使用QTableView制作属性编辑器_第2张图片

但是,仔细看看,还有不少不满意的地方,TableView的ColumnHeader居然自动填上了数字,而左边则多 出了一条垂直Header,另外,所有Cell的宽度变成一样的了,多少有点不爽。。经过努力,总算摸索出了解决方法,不过不清楚真正的解决方法是什么, 我这个解决方法应该并不好:

首先从QStandardItemModel中继承出自己的类,暂且名叫 enstCatheterNodeItemModel了:

class enstCatheterNodeItemModel : public QStandardItemModel
{
    Q_OBJECT
public:
    enstCatheterNodeItemModel(QObject *parent = 0);
};

在其构造函数中,使用:

enstCatheterNodeItemModel::enstCatheterNodeItemModel(QObject *parent)
    : QStandardItemModel(MAX_CATHETERNODE_COUNT, 3, parent)
{
    setHeaderData(0, Qt::Horizontal, tr("Input"));
    setHeaderData(1, Qt::Horizontal, tr("Signal"));
    setHeaderData(2, Qt::Horizontal, tr("Locate"));
}

强制其只能有三列,并指定每个列 的标题。

在窗体的构造函数中,进一步调整QTableView:

    QHeaderView *header;
    header = tbl1->horizontalHeader();
    header->resizeSection(0, 260);
    header->resizeSection(1, 260);
    header->resizeSection(2, 50);
    header = tbl1->verticalHeader();
    header->hide();

设置其各个列的宽度,同时将左边的垂直Header隐藏。

总 算大功告成,加载延时已经基本感觉不到了。看看最后的效果:

在QT4中使用QTableView制作属性编辑器_第3张图片

以及另一组编辑器,其中的颜色选择ComboBox并不是QT自带的控件,而是自己实现的,照样可以被做成编辑控件:

在QT4中使用QTableView制作属性编辑器_第4张图片

你可能感兴趣的:(Qt)