Thumbnails using List Widget

amarism

VRonin

@amarism 😓 I meant the code

amarism

@VRonin for adding the image inside the listwidget
QPalette p;
this->ui->m_ThumblistWidget->setViewMode(QListWidget::IconMode);
this->ui->m_ThumblistWidget->setIconSize(QSize(100, 100));
this->ui->m_ThumblistWidget->setResizeMode(QListWidget::Adjust);
p.setBrush(QPalette::Window, Qt::transparent);
this->ui->m_ThumblistWidget->setPalette(p);
View->GenerateThumbList(this->ui->m_ThumblistWidget);

and i try to add numbering to every thumbnail image like this
for (int i = 1; i <= this->ui->m_ThumblistWidget->count(); i++) {
//this->ui->m_ThumblistWidget->addItem(new QListWidgetItem(NULL, i));
}

VRonin

What's inside View->GenerateThumbList(this->ui->m_ThumblistWidget);?

amarism

@VRonin generating the image in the form of thumbnails in view list

VRonin

generating the image in the form of thumbnails in view list

Can you show us the code that does that?

A bit in the dark here but this is wrong

for (int i = 1; i <= this->ui->m_ThumblistWidget->count(); i++) {
//this->ui->m_ThumblistWidget->addItem(new QListWidgetItem(NULL, i));
}

it overrides what's already there. Try this:

for (int i = 0, listCnt = ui->m_ThumblistWidget->count(); i < listCnt ; ++i) {
QAbstractItemModel* const model = ui->m_ThumblistWidget->model();
model->setData(model->index(i,0),i+1,Qt::EditRole);
}

amarism

@VRonin THIS ONE ALSO NOT WORKING
for (int i = 0, listCnt = ui->m_ThumblistWidget->count(); i < listCnt ; ++i) {
QAbstractItemModel* const model = ui->m_ThumblistWidget->model();
model->setData(model->index(i,0),i+1,Qt::EditRole);
}

KillerSmath

@amarism

If you need to insert a text in the thumbnail, you must to use an QPainter and add a Text on Image

Example:

#include <QPainter>
#include <QImage>
#include <QFont>
#include <QPen>
#include <QString>

 ...

    QImage img(<image path>); // load image

    int number = 15;

    QPainter painter(&img); // Pass QImage to Editor
    painter.setPen(QPen(Qt::white));
    painter.setFont(QFont("Arial", 15, QFont::Bold));

    painter.drawText(img.rect(), Qt::AlignCenter, QString::number(number)); // insert number on center of image

   // insertImageToTable(img)

amarism

@KillerSmath In the QImage img(<load image>).
I have the series of image. can I load it

VRonin

Ok... let's see if an easy example helps:

#include <QApplication>
#include <QStyledItemDelegate>
#include <QListWidget>
class ImageDelegate : public QStyledItemDelegate{
    Q_DISABLE_COPY(ImageDelegate)
public:
    explicit ImageDelegate(QObject* parent = Q_NULLPTR)
        :QStyledItemDelegate(parent)
    {}
    void paint(QPainter *painter, const QStyleOptionViewItem &option, const QModelIndex &index) const Q_DECL_OVERRIDE{
        Q_ASSERT(index.isValid());
        QStyleOptionViewItem opt = option;
        initStyleOption(&opt, index);
        QStyle *style = option.widget ? option.widget->style() : QApplication::style();
        QPixmap backPix = index.data(Qt::DecorationRole).value<QPixmap>();
        if(!backPix.isNull())
            style->drawItemPixmap(painter,option.rect,Qt::AlignCenter,backPix.scaled(option.rect.size()));
        style->drawItemText(painter,option.rect,Qt::AlignBottom | Qt::AlignRight,option.palette,option.state & QStyle::State_Enabled,index.data(Qt::EditRole).toString());
    }
};

int main(int argc, char *argv[])
{
    QApplication application(argc, argv);
    QListWidget wid;
    wid.setItemDelegate(new ImageDelegate(&wid));
    QAbstractItemModel* const model= wid.model();
    model->insertRows(0,5);
    QPixmap tempPix(30,30);
    const Qt::GlobalColor colors[] = {Qt::yellow,Qt::magenta,Qt::cyan,Qt::green,Qt::blue};
    for(int i=0;i<wid.count();++i){
        tempPix.fill(colors[i]);
        model->setData(model->index(i,0),tempPix,Qt::DecorationRole);
        model->setData(model->index(i,0),i+1,Qt::EditRole);
    }
    wid.show();
    return application.exec();
}