Qt QListWidget实现图片缩略图列表

转载：v_xchen_v

目标：

将本机中的多张图片以缩略图的形式显示在列表中

环境：

我们已经做好了菜单栏和文件选择对话框。参考：http://blog.csdn.net/v_xchen_v/article/details/71524160

实现：

以缩略图列表展示图片的功能写在mymenu类的成员函数showImageList()中。使用Qt自带的QListWidget类实现这个功能

步骤：

• 1.定义一个QListWidget对象
• 2. 设置ViewMode等属性
• 3.定义单元项并添加到QListWidget中
• 4.调用QListWidget对象的show()方法

代码如下：

mymenu.h

 #ifndef MYMENU_H
 #define MYMENU_H

 #include "QMainWindow"
 class mymenu : public QMainWindow
 {
     Q_OBJECT  // must include this if you use Qt signals/slots
 public:
     //构造函数
     explicit mymenu(QWidget *parent = );//QWidget *parent = 0 表示mymenu控件不是任何控件的子控件

 private slots:
     void fileOpenActionSlot();//打开文件动作对应的槽函数
 private:
     void createAction();     //创建动作
     void createMenu();       //创建菜单
     void createContentMenu();//创建上下文菜单
 private:
     void selectFile();       //弹出选择文件对话框
     void showImageList();    //用缩略图显示图片
 private:
     QAction *fileOpenAction; //创建一个QAction指针，打开文件动作
     QMenu *menu;             //创建一个QMenu指针
 private:
     QStringList fileNames;
 };

 #endif // MYMENU_H

mymenu.cpp

 #include "mymenu.h"
 #include "QMenu"
 #include "QMenuBar"
 #include "QAction"
 #include "QMessageBox"
 #include "QFileDialog"
 #include "QDebug"
 #include "QListWidget"
 /****************************************
 * Qt中创建菜单和工具栏需要如下步骤：
 * 1. 建立行为Aciton
 * 2. 创建菜单并使它与一个行为关联
 * 3. 创建工具条并使它与一个行为关联
 *****************************************/
 mymenu::mymenu(QWidget *parent):QMainWindow(parent)
 {
    createAction();
    createMenu();
    createContentMenu();
    this->resize(,);
 }
 void mymenu::createAction()
 {
     //创建打开文件动作
     fileOpenAction = new QAction(tr("打开文件"),this);
     //摄者打开文件的快捷方式
     fileOpenAction->setShortcut(tr("Ctrl+O"));
     //设置打开文件动作提示信息
     fileOpenAction->setStatusTip("打开一个文件");
     //关联打开文件动作的信号和槽
     connect(fileOpenAction,SIGNAL(triggered()),this,SLOT(fileOpenActionSlot()));
 }
 void mymenu::createMenu()
 {
     menu = this->menuBar()->addMenu(tr("文件"));
     menu->addAction(fileOpenAction);
 }

 void mymenu::createContentMenu()
 {
     this->addAction(fileOpenAction);
     this->setContextMenuPolicy(Qt::ActionsContextMenu);
 }

 void mymenu::fileOpenActionSlot()
 {
     //QMessageBox::warning(this,tr("提示"),tr("打开文件"),QMessageBox::Yes|QMessageBox::No);
     selectFile();
 }
 /****************************************
 * Qt中使用文件选择对话框步骤如下：
 * 1. 定义一个QFileDialog对象
 * 2. 设置路径、过滤器等属性
 *****************************************/
 void mymenu::selectFile()
 {
     //定义文件对话框类
     QFileDialog *fileDialog = new QFileDialog(this);
     //定义文件对话框标题
     fileDialog->setWindowTitle(tr("打开图片"));
     //设置默认文件路径
     fileDialog->setDirectory(".");
     //设置文件过滤器
     fileDialog->setNameFilter(tr("Images(*.png *.jpg *.jpeg *.bmp)"));
     //设置可以选择多个文件,默认为只能选择一个文件QFileDialog::ExistingFiles
     fileDialog->setFileMode(QFileDialog::ExistingFiles);
     //设置视图模式
     fileDialog->setViewMode(QFileDialog::Detail);
     //打印所有选择的文件的路径
     if(fileDialog->exec())
     {
         fileNames = fileDialog->selectedFiles();
         showImageList();
     }
     for(auto tmp:fileNames)
         qDebug()<<tmp<<endl;
 }
 /****************************************
 * Qt中使用文件选择对话框步骤如下：
 * 1. 定义一个QListWidget对象
 * 2. 设置ViewMode等属性
 * 3. 定义单元项并添加到QListWidget中
 * 4. 调用QListWidget对象的show()方法
 *****************************************/
 void mymenu::showImageList()
 {
     //定义QListWidget对象
     QListWidget *imageList = new QListWidget;
     imageList->resize(,);
     //设置QListWidget的显示模式
     imageList->setViewMode(QListView::IconMode);
     //设置QListWidget中单元项的图片大小
     imageList->setIconSize(QSize(,));
     //设置QListWidget中单元项的间距
     imageList->setSpacing();
     //设置自动适应布局调整（Adjust适应，Fixed不适应），默认不适应
     imageList->setResizeMode(QListWidget::Adjust);
     //设置不能移动
     imageList->setMovement(QListWidget::Static);
     for(auto tmp : fileNames)
     {
         //定义QListWidgetItem对象
         QListWidgetItem *imageItem = new QListWidgetItem;
         //为单元项设置属性
         imageItem->setIcon(QIcon(tmp));
         //imageItem->setText(tr("Browse"));
         //重新设置单元项图片的宽度和高度
         imageItem->setSizeHint(QSize(,));
         //将单元项添加到QListWidget中
         imageList->addItem(imageItem);
     }
     //显示QListWidget
     imageList->show();
 }

main.cpp

 #include "mymenu.h"
 #include <QApplication>
 #include <QProcess>
 #include <QMessageBox>
 int main(int argc, char *argv[])
 {
     QApplication a(argc, argv);
     mymenu m_menu;
     m_menu.show();
     return a.exec();
 }

效果：

工程下载地址：http://download.csdn.net/detail/v_xchen_v/9838782