在QTreeView中显示图像

Display image in QTreeView

本文关键字:显示图 图像 显示 QTreeView      更新时间:2023-10-16

我正试图在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

如何设置一行的图像?

我尝试过将图像更改为QPixmapQIcon,也尝试过将其嵌入QLabel(无法转换为QVariant),但运气不佳。将图像更改为QString会显示字符串,因此行/列逻辑看起来很好。删除SizeHintRole逻辑也没有任何区别。

理解如何在QTreeView中显示图像数据的任何帮助都将是有帮助的。我似乎是从错误的方向出发的。

干杯。

如何存储图像并不重要。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-枚举