Question

我正在尝试在QTreeView中显示图像以及其他一些数据。为此，我创建了一个QAbstractItemModel。在data方法中，我为列索引0和1返回一些字符串，对于第三个我希望返回一个图像。但是，此图像未显示。

当我将图像作为装饰返回时，它显示正常但我希望在图像中添加点击侦听器以触发某些事件。我还希望将我的图像放在树视图的最右侧，这似乎需要一个自定义委托。出于这些原因，我为图像创建了一个单独的列。

图像是在构造函数中创建的，如下所示：mEditImage = QImage(":/images/myImage.png");

为MyModel

QVariant MyModel::data(const QModelIndex &index, int role)  const {
    if (!index.isValid()) {
        return QVariant();
    }

    if(role == Qt::FontRole) {
        return fontData(index);
    }

    if(role == Qt::ForegroundRole) {
        return foreGroundData(index);
    }


    MyModelItem *item = getItem(index);

    /*
     * Use decoration to display image. Probably needs a
     * custom delegate to be able to position the image correctly.
     * (http://www.qtcentre.org/threads/49639-decoration-position-and-alignment)
     * (https://qt-project.org/forums/viewthread/24493)
     *
     * Will use extra column for now instead. Might help with click
     * listeners as well.
     *
     * if(role == Qt::DecorationRole && item->parent() != mRootItem) {
        return index.column() == 1 ? mEditImage : QVariant();
    }*/

    if(role == Qt::SizeHintRole) {
        return mEditImage.size();
    }

    if (role == Qt::DisplayRole) {

        QString id = QString::number(item->id());
        QString name = item->name();

        if(item->parent() != mRootItem && index.column() == 2) {
            return mEditImage;
        }

        if(item->parent() == mRootItem){
            return index.column() == 0 ? name : "";
        } else {
            return index.column() == 0 ? id : name;
        }
    } else if(role == Qt::BackgroundRole) {
        return QVariant();
    }

我看过这里：

http://www.qtcentre.org/threads/29550-How-do-I-display-a-picture-on-a-QTableView-cell

How to set an image for a row?

我尝试将图片更改为QPixmap和QIcon，并尝试将其嵌入QLabel（无法转换为QVariant）运气。将图像更改为QString会显示字符串，因此行/列逻辑似乎正常。删除SizeHintRole逻辑也没有任何区别。

了解如何在QTreeView中显示图像数据的任何帮助都会有所帮助。我似乎是从错误的方向走向这个。

干杯。

Answer 1

无关紧要，如何存储图像。 QPixmap适用于速度绘制。

QVariant MyModel::data(const QModelIndex &index, int role) const
{
 item = itemFromIndex( index ); // Your item implementation
 ...
 case Qt::DisplayRole:
   return item->getText();
 case Qt::DecorationRole:
   return item->getImage();
}

阅读关于角色的Qt文档，这很好 - http://doc.qt.io/qt-4.8/qt.html#ItemDataRole-enum

在QTreeView中显示图像

1 个答案: