Qt 显示图像图像缩略图

Qt简化了UI界面的开发，相比MFC而言确实入门和进阶速度都快些；该文章主要讲解使用QListWidget加载图片进行排列并设置主窗口背景图片的功能；

界面效果如下图所示：上面两排为预加载的缩略图，单击单个缩略图则将对应的图片设置为主窗口的背景图片

 

 

 

 

 

 

 

 

 

 

 

 

 

---

主要代码如下，主窗口的构造函数功能（生成窗口部件与加载内容）：

//构造函数 MainWindow::MainWindow(QWidget *parent): QMainWindow(parent) {     //创建QListWidget部件     m_pListWidget = new QListWidget(this);     //设置QListWidget中的单元项的图片大小     m_pListWidget->setIconSize(QSize(W_ICONSIZE, H_ICONSIZE));     m_pListWidget->setResizeMode(QListView::Adjust);     //设置QListWidget的显示模式     m_pListWidget->setViewMode(QListView::IconMode);     //设置QListWidget中的单元项不可被拖动     m_pListWidget->setMovement(QListView::Static);     //设置QListWidget中的单元项的间距     m_pListWidget->setSpacing(10);       //依次创建11个单元项     for(int nIndex = 0;nIndex<11;++nIndex)     {         //获得图片路径         QString strPath=QString(":/list/image/%1.jpg").arg(nIndex+1);         //生成图像objPixmap         QPixmap objPixmap(strPath);         //生成QListWidgetItem对象(注意：其Icon图像进行了伸缩[96*96])---scaled函数         QListWidgetItem *pItem = new QListWidgetItem(QIcon(objPixmap.scaled(QSize(W_ICONSIZE,H_ICONSIZE))),"animal tiger pig");         //设置单元项的宽度和高度         pItem->setSizeHint(QSize(W_ICONSIZE,H_ITEMSIZE));         m_pListWidget->insertItem(nIndex, pItem);       }       setCentralWidget(m_pListWidget);       //设置信号槽     connect(m_pListWidget,SIGNAL(itemClicked(QListWidgetItem*)),this,SLOT(Slot_ItemClicked(QListWidgetItem*)));       m_strPath = "";       setWindowTitle("www.hnmade.com"); }

设置窗口背景图片的代码如下：

//设置主窗口背景 void MainWindow::SetBgImage(const QString &strPath) {     QPixmap objPixmap(strPath);     QPalette palette = this->palette();     if(strPath.isEmpty())     {         palette.setBrush(QPalette::Base, QBrush(QColor(0,0,255)));     }     else     {         palette.setBrush(QPalette::Base, QBrush(objPixmap.scaled(width(),height())));     }     setPalette(palette); }