How to show QListView..?

[mounipanditi]

Hi i am learning to program with Model View and Delegate.
I am trying an example to show images using QListView by reading some tutorials and Books, i have written some sample code, the code is executing fine but i am unable to see the QListView.
I know i have done something wrong or missed to add some code snippet please make changes or post the code that makes my example to work so that i can be able to understand in detail.

Here is the code

Header File

#ifndef WIDGET_H
#define WIDGET_H

#include <QWidget>
#include <QDir>
#include <QList>
#include <QDebug>
#include <QFileDialog>
#include <QStringListModel>
#include <QListView>
#include <QSortFilterProxyModel>

namespace Ui {
class Widget;
}

class Widget : public QWidget
{
    Q_OBJECT
    
public:
    explicit Widget(QWidget *parent = 0);
    ~Widget();
    
private:
    Ui::Widget *ui;
    QStringListModel *model;
    QListView *galleryView;
    QSortFilterProxyModel *proxyModel;
};

#endif // WIDGET_H

CPP File

#include "widget.h"
#include "ui_widget.h"

Widget::Widget(QWidget *parent) :
    QWidget(parent),
    ui(new Ui::Widget)
{
    ui->setupUi(this);

    model   =     new QStringListModel(this);
    proxyModel	= new QSortFilterProxyModel(this);
    galleryView = new QListView;

    QStringList thumbnails;
    QDir directory("/u03/Commom_SelfDiag/BackUp/CSD_Tool/");
    const QString folderPath = directory.filePath("images/");
    if(!folderPath.isEmpty())
    {
        QDir dir(folderPath);
        QStringList filter;
        filter << QLatin1String("*.png");
        filter << QLatin1String("*.jpeg");
        filter << QLatin1String("*.jpg");
        dir.setNameFilters(filter);
        QFileInfoList filelistinfo = dir.entryInfoList();
        foreach (const QFileInfo &fileinfo, filelistinfo) {

        thumbnails << fileinfo.absolutePath();
        }
    }
    int count = thumbnails.count();
    qDebug()<<"The Total Images are"<<count;

    model->setStringList(thumbnails);
    proxyModel->setSourceModel(model);
    proxyModel->setFilterKeyColumn(0);
    galleryView->setViewMode(QListView::IconMode);
    galleryView->setModel(model);
    galleryView->setEditTriggers(QAbstractItemView::AnyKeyPressed |	QAbstractItemView::DoubleClicked);

}

Widget::~Widget()
{
    delete ui;
}

Main

#include <QtGui/QApplication>
#include "widget.h"

int main(int argc, char *argv[])
{
    QApplication a(argc, argv);
    Widget w;
    w.show();
    
    return a.exec();
}

Any help would be appreciated.

[VRonin]

You just forgot to add galleryView the the Widget layout

[mounipanditi]

@VRonin

Thanks for replying, i tried but i did not get how to add it can you please make the possible change in my code.

[VRonin]

Depends what layout you set in Qt Designer you need to add something similar to ui->horizontalLayout->addWidget(galleryView);

[mounipanditi]

@VRonin

thanks for the help Ronin, it worked but in order to see the images what is the change that i have to make please suggest me here you can see the output by using below link

ImageLink-
https://s3.postimg.org/s9qw2rsmb/Screenshot_from_2017_02_24_17_18_18.png

[VRonin]

replace the QStringListModel with QStandardItemModel and replace model->setStringList(thumbnails); with:

model->insertColumn(0);
const int numRows = thumbnails.size();
model->insertRows(0,numRows );
for(int i=0;i<numRows ;++i)
model->setData(model->index(i,0),QPixmap(thumbnails.at(i)),Qt::DecorationRole);

[mounipanditi]

@VRonin

Modified CPP

#include "widget.h"
#include "ui_widget.h"

Widget::Widget(QWidget *parent) :
    QWidget(parent),
    ui(new Ui::Widget)
{
    ui->setupUi(this);

    model   =     new QStandardItemModel(this);
    proxyModel	= new QSortFilterProxyModel(this);
    galleryView = new QListView;

    QStringList thumbnails;
    QDir directory("/u03/Commom_SelfDiag/BackUp/CSD_Tool/");
    const QString folderPath = directory.filePath("images/");
    if(!folderPath.isEmpty())
    {
        QDir dir(folderPath);
        QStringList filter;
        filter << QLatin1String("*.png");
        filter << QLatin1String("*.jpeg");
        filter << QLatin1String("*.jpg");
        dir.setNameFilters(filter);
        QFileInfoList filelistinfo = dir.entryInfoList();
        foreach (const QFileInfo &fileinfo, filelistinfo) {

        thumbnails << fileinfo.absolutePath();
        }
    }
    int count = thumbnails.count();
    qDebug()<<"The Total Images are"<<count;

    model->insertColumn(0);
    const int numRows = thumbnails.size();
    model->insertRows(0,numRows);
    for(int i=0;i<numRows ;++i)
    {
    model->setData(model->index(i,0),QPixmap(thumbnails.at(i)),Qt::DecorationRole);
    }
    proxyModel->setSourceModel(model);
    proxyModel->setFilterKeyColumn(0);
    galleryView->setViewMode(QListView::IconMode);
    galleryView->setModel(model);
    galleryView->setEditTriggers(QAbstractItemView::AnyKeyPressed |	QAbstractItemView::DoubleClicked);

    ui->horizontalLayout->addWidget(galleryView);

}

Widget::~Widget()
{
    delete ui;
}

O/P image Link:
https://s22.postimg.org/9davetl5d/Screenshot_from_2017_02_24_17_47_54.png

[VRonin]

Try This:

Widget::Widget(QWidget *parent) :
    QWidget(parent),
    ui(new Ui::Widget)
{
    ui->setupUi(this);

    model   =     new QStandardItemModel(this);
    galleryView = new QListView(this);

    QDir directory("/u03/Commom_SelfDiag/BackUp/CSD_Tool/");
    const QString folderPath = directory.filePath("images/");
    if(!folderPath.isEmpty())
    {
        QDir dir(folderPath);
        QStringList filter;
        filter << QLatin1String("*.png");
        filter << QLatin1String("*.jpeg");
        filter << QLatin1String("*.jpg");
        dir.setNameFilters(filter);
        QFileInfoList filelistinfo = dir.entryInfoList();
model->insertColumn(0);
  const int numRows = filelistinfo .size();
model->insertRows(0,numRows);
         for(int i=0;i<numRows ;++i) {
#ifdef _DEBUG
QLabel * showLabel = new QLabel;
showLabel->setPixmap(QPixmap(filelistinfo.at(i).absolutePath()));
showLabel->show();
#endif
model->setData(model->index(i,0),QPixmap(filelistinfo.at(i).absolutePath()),Qt::DecorationRole);
        }
    }
    
    //galleryView->setViewMode(QListView::IconMode);
    galleryView->setModel(model);
    galleryView->setEditTriggers(QAbstractItemView::AnyKeyPressed |	QAbstractItemView::DoubleClicked);

    ui->horizontalLayout->addWidget(galleryView);

}

[mounipanditi]

@VRonin

Sorry to say this Ronin same output.

[VRonin]

Edited the code above, now it should spawn a window containing the image for each file, could you check if the windows work correctly?