Qt5 子类化 QStyledItemDelegate 格式化

Qt5 Subclassing QStyledItemDelegate Formatting

我正在为 Qt5 中的 SQLite 数据库开发 GUI。我使用 QSqlQueryModelQTableView 来存储和显示数据。

然后我创建了一个自定义委托,使用 table 视图中的文字替换某些列的数值(例如 1 = "Hello"、2 = "World")开关语句。

委托按应有的方式显示数据并正常工作。但是,与 QStyledItemDelegate 的默认绘制方法相比,自定义委托绘制的列具有不同的格式。值位于左上角而不是左中部,更改后的列不再自动扩展列以显示完整值,并且列中的单元格在选中时不会变为蓝色或具有虚线轮廓。

我创建了这个示例程序:

#include <QApplication>
#include <QModelIndex>
#include <QPainter>
#include <QStandardItemModel>
#include <QStyledItemDelegate>
#include <QTableView>


class TestDelegate: public QStyledItemDelegate {

    void paint(QPainter *painter, const QStyleOptionViewItem &option, const QModelIndex &index)
        const Q_DECL_OVERRIDE
    {
        if (index.column() == 0) {
            int value = index.model()->data(index, Qt::DisplayRole).toInt();
            QString str;
            switch (value) {
            case 1:
                str = "Hello0000";
                break;
            case 2:
                str = "World0000";
                break;
            }
            if (option.state.testFlag (QStyle::State_Selected)) {
                painter->fillRect(option.rect, option.palette.highlight());
                qApp->style()->drawItemText(painter, option.rect, option.displayAlignment, option.palette, true, str, QPalette::HighlightedText);
            } else { 
                painter->drawText(option.rect, option.displayAlignment, str);
            } 
        } else {
            return QStyledItemDelegate::paint(painter, option, index);
        }
    }

};


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

    QStandardItemModel model(2, 2);
    model.setHorizontalHeaderItem(0, new QStandardItem(QString("A")));
    model.setHorizontalHeaderItem(1, new QStandardItem(QString("B")));
    model.setData(model.index(0, 0, QModelIndex()), 1);
    model.setData(model.index(1, 0, QModelIndex()), 2);
    model.setItem(0, 1, new QStandardItem(QString("Hello")));
    model.setItem(1, 1, new QStandardItem(QString("World0000")));

    QTableView view;
    view.setItemDelegate(new TestDelegate);
    view.setModel(&model);
    view.resizeColumnsToContents();

    view.show();
    app.exec();
}

这通过将 options.displayAlignment 添加到 painter->drawText() 来修复文本对齐;我还在 if(option.state & QStyle::State_Selected) 语句中添加了额外的代码,根据其选择状态绘制单元格。因此,如果未选中,则文本为黑色,如果选中,则文本变为白色,背景为蓝色。但是,我仍然无法像标准委托那样扩展列以适应单元格的内容或在单元格外部添加虚线。

有没有一种简单的方法可以在使用我的自定义绘制方法时保持 table 视图的默认样式?

委托是一种相当迂回且不必要的处理方式。我们已经有了一个可以完美绘制元素的视图,无需重做。我们只需要将修改后的数据传递给视图。因此我们在源和视图之间插入一个 QIdentityProxyModel 视图模型。

// https://github.com/KubaO/Whosebugn/tree/master/questions/proxy-reformat-39244309
#include <QtWidgets>

class RewriteProxy : public QIdentityProxyModel {
    QMap<QVariant, QVariant> m_read, m_write;
    int m_column;
public:
    RewriteProxy(int column, QObject * parent = nullptr) :
        QIdentityProxyModel{parent}, m_column{column} {}
    void addReadMapping(const QVariant & from, const QVariant & to) {
        m_read.insert(from, to);
        m_write.insert(to, from);
    }
    QVariant data(const QModelIndex & index, int role) const override {
        auto val = QIdentityProxyModel::data(index, role);
        if (index.column() != m_column) return val;
        auto it = m_read.find(val);
        return it != m_read.end() ? it.value() : val;
    }
    bool setData(const QModelIndex & index, const QVariant & value, int role) override {
        auto val = value;
        if (index.column() == m_column) {
            auto it = m_write.find(value);
            if (it != m_write.end()) val = it.value();
        }
        return QIdentityProxyModel::setData(index, val, role);
    }
};

int main(int argc, char ** argv) {
    QApplication app{argc, argv};
    QStandardItemModel model{2,2};
    model.setData(model.index(0, 0), 1);
    model.setData(model.index(1, 0), 2);
    model.setData(model.index(0, 1), "Zaphod");
    model.setData(model.index(1, 1), "Beeblebrox");

    RewriteProxy proxy{0};
    proxy.setSourceModel(&model);
    proxy.addReadMapping(1, "Hello");
    proxy.addReadMapping(2, "World");

    QTableView ui;
    ui.setModel(&proxy);
    ui.show();
    return app.exec();
}