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 = 0);//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(300,400);
}
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(365,400);
    //設置QListWidget的顯示模式
    imageList->setViewMode(QListView::IconMode);
    //設置QListWidget中單元項的圖片大小
    imageList->setIconSize(QSize(100,100));
    //設置QListWidget中單元項的間距
    imageList->setSpacing(10);
    //設置自動適應布局調整（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(100,120));
        //將單元項添加到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