QListWidget实现图片缩略图形式的列表

最新推荐文章于 2024-03-11 13:17:38 发布
VIP文章 最新推荐文章于 2024-03-11 13:17:38 发布
阅读量1w 收藏 7
点赞数 5
分类专栏： Qt 文章标签： Qt帮助文档
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/lyh__521/article/details/47004567
版权

Qt类4.8帮助文档:http://doc.qt.io/qt-4.8/

1、图片资源文件

<RCC>
   <qresource prefix="/list">
       <file>image/1.jpg</file>
       <file>image/2.jpg</file>
   </qresource>
</RCC>

2、实现代码


                

                
                
        

        

    




        

            

                    
                      最低0.47元/天 解锁文章
                        
                    
            

        

    

      

        

            

              
                
                  lwoyvye
                
              
            

            

                关注
              
            

        

        

          
    
            
  • 
              
                
                
                
                
                    5
                
              
              
    点赞
    
            
    • 
            
  • 
              
                
                
                
              
              
    踩
    
            
    • 
            
  • 
              
                
                
                
                
                    7
                
              
              
    
                
    
                  
                    收藏
                  
                
    
              
    
              
    
                
    
                  觉得还不错?
                  
                    一键收藏
                  
                 
                
    
              
    
            
    • 
          
  • 
            
    
              
              
            
    
              
              
              
                  1
              
            
            
    评论
    
          
    • 
          
  • 
          
    • 
          
  • 
            
              
            
              
    
            
              
                
            
    
          
    • 
        

      

      

            

                专栏目录
          










                



	

		

			

				
					
QListWidget显示图片缩略图

				
			

			

				

					10-21
				

			

		

		

			
				
QListWidget显示图片缩略图，打开加载本地图片，可以加载多张，按缩略图方式显示。

			
		

	



                

              
                



	

		

			

				
					
关于 QListWidget IconMode的使用

				
			

			

				

					haobenhogo的博客
				

				

					11-22
					
					8794
					
				

			

		

		

			
				
最初接触Qt编程时，只知道QListView/QListWidget只是由上而下的列表模式ListMode，现在才知道还可以是从左到右的图标模式IconMode，这可以用setViewMode(ViewMode
 mode)设置。
setViewMode(QListView::ViewMode);
为了使调整窗口大小时元素自动重新布局填充要使用
setResizeMode(ResizeMo

			
		

	



                


  
              

                


	

		

			

				
					
QListWidget和QTableWidget设置样式和风格

				
			

			

				

					阿呆
				

				

					03-11
					
					568
					
				

			

		

		

			
				
【代码】QListWidget和QTableWidget设置样式和风格。

			
		

	





	

		

			

				
					
Qt学习之使用QListWidget加载本地图片实现双击放大

				
			

			

				

					似末的博客
				

				

					03-15
					
					6060
					
				

			

		

		

			
				
QListWidget的列表项显示方式有两种，一种是IconMode（图标模式），一种是ListMode（列表模式），本文介绍IconMode（图标模式）的使用，加载本地图片，双击列表的每一项可以进行图片放大。涉及QListWidget的使用、QListWidget样式表设计、QListWidget列表项双击信号、QLabel显示图像、事件过滤器等等。

			
		

	



		

			
		



	

		

			

				
					
QListWidget显示Icon和文字

				
			

			

				

					小王庄的博客
				

				

					12-23
					
					4019
					
				

			

		

		

			
				
QListWidgetItem *item = new QListWidgetItem(facePic, detectIDItems[y], ui.listWidget_picAbnorDetect); //三个参数icon， 文字， listWidget
item->setSizeHint(QSize(40, 40)); //设置item宽度
ui.listWidget_picAbnorDetect->insertItem(y, item); //插入item

清空listWidget
ui

			
		

	





	

		

			

				
					
Qt中扩展QListWidget支持多列和自定义控件

				
			

			

				

					心向阳光，斗志昂扬！
				

				

					02-18
					
					3356
					
				

			

		

		

			
				
效果如下:

CustomListWidget.cpp
#ifndef CUSTOMLISTWIDGET_H
#define CUSTOMLISTWIDGET_H

#include <QLabel>
#include <QDialog>
#include <QScrollArea>
#include <QListWidget>
#include <QListWidgetItem>
#include <QMouseEvent>

cla

			
		

	





	

		

			

				
					
QListWidget控件的使用

				
			

			

				

					有志者事竟成
				

				

					12-03
					
					764
					
				

			

		

		

			
				
Qt提供QListWidget类列表框控件用来加载并显示多个列表项。QListWidgetItem类就是列表项类。一般列表框控件中的列表项有两种加载方式：

一种是由用户手动添加的列表项，比如音乐播放器中加载音乐文件的文件列表，每一个音乐文件都是一个列表项。

对于这种列表项，用户可以进行增加、删除、单击以及双击等操作。

 

一种是由程序员事先编写好，写在程序中供用户选择的列表

			
		

	





	

		

			

				
					
QT5 listWidget 中实现元素的自由拖拽和混动条

				
			

			

				

					dxyzhbb的博客
				

				

					11-25
					
					409
					
				

			

		

		

			
				
开发框架 QT5
实现代码：
	ui->listWidget->setIconSize(QSize(100, 100));          //设置QListWidget中的单元项的图片大小
    ui->listWidget->setResizeMode(QListView::Adjust);
    ui->listWidget->setViewMode(QListView::IconMode);   //设置QListWidget的显示模式
    ui-&gt

			
		

	





	

		

			

				
					
QListWidget显示文件夹内容，选择文件并显示文件夹下图片

				
			

			

				

					m0_64596200的博客
				

				

					03-29
					
					1581
					
				

			

		

		

			
				
显示文件夹下的图片这个功能，这里是增加了一个按钮作为响应的，通过信号和槽函数使另一个QListWidget显示图片，当然也可以直接使用QListWidget里是函数直接做跳转。这里使用了两个QListWidget，左边的用做显示文件信息，右边的做显示文件夹下的图片，这里的图片是保存的拍摄视频的第一帧，通过双击显示图片，点机打开视频可以查看视频。这里的按钮函数逻辑是：清空窗口，获取选中的成员信息，访问该成员文件夹下内容，遍历所有的图片文件，保存到容器中，在显示容器中内容。本期文章就到这了下期见了！

			
		

	





	

		

			

				
					
QT QListWidget样式

				
			

			

				

					Reliey__的博客
				

				

					03-07
					
					772
					
				

			

		

		

			
				
【代码】QT QListWidget样式。

			
		

	





	

		

			

				
					
Qt 模型视图 - QListWidget（1）

				
			

			

				

					STIV_的博客
				

				

					04-26
					
					718
					
				

			

		

		

			
				
QListWidget 类是 Qt 框架中用于显示列表的窗口部件类。它提供了一种方便的方式来显示并操作项目列表。QListWidget 可以显示文本、图像和自定义控件，并且支持多种选择模式和拖放操作。

			
		

	





	

		

			

				
					
QT使用QListWidget显示多张图片

				
			

			

				

					03-10
				

			

		

		

			
				
QListWidget是一个方便的类，它提供了一个列表视图，类似于QListView提供的列表视图，但是具有一个用于添加和删除项的经典基于项的接口。QListWidget使用一个内部模型来管理列表中的每个QListWidgetItem。要获得更...

			
		

	





	

		

			

				
					
Qt 缩略图列表显示图片

				
			

			

				

					05-10
				

			

		

		

			
				
Qt QListWidget 缩略图列表显示图片

			
		

	





	

		

			

				
					
Qt QListWidget传入多张图片

				
			

			

				

					03-20
				

			

		

		

			
				
Qt QListWidget传入多张图片，QListWidget样式设置，QListWidget是继承QListView，QListView是基于Model的，需要自己来建模（如建立QStringListModel，QSqlTableModel等），保存数据，这样就大大降低了数据冗余，...

			
		

	





	

		

			

				
					
pyqt5实现绘制ui,列表窗口,滚动窗口显示图片的方法

				
			

			

				

					01-01
				

			

		

		

			
				
 self.listWidget = QtWidgets.QListWidget(self.gridLayoutWidget)  self.listWidget.setMaximumSize(QtCore.QSize(16777215, 400))  self.listWidget.setObjectName(listWidget)  以上代码都是以qtDesigner画出来...

			
		

	





	

		

			

				
					
QListWidget实现聊天列表

				
			

			

				

					12-15
				

			

		

		

			
				
用QT中的QListWidget实现了一个聊天的列表，比较简单的实现了，用QListWidgetItem,没有用自定义控件来做。

			
		

	





	

		

			

				
					
通过重写QListWidget实现拖拽列表排序。

				
			

			

				

					10-28
				

			

		

		

			
				
通过qt实现ListMode模式下列表排序。

			
		

	





	

		

			

				
					
Qt+qlistwidget实现自定义列表样式模拟资源下载页面示例+详细注释

					
最新发布

				
			

			

				

					04-17
				

			

		

		

			
				
程序通过在qlistwidget中嵌入另一个widget页面实现列表行对象样式的自定义。示例模拟了一个典型的资源下载界面，包括资源名称、资源下载进度和下载按钮。通过这种方式还可以实现多种不同的类似列表形式的APP界面样式...

			
		

	





	

		

			

				
					
QComboBox+QListWidget实现自定义ComboBox

				
			

			

				

					08-18
				

			

		

		

			
				
使用Qt自带的QComboBox和QListWidget，完美实现自定义的ComboBox

			
		

	





	

		

			

				
					
qlistwidget显示图片

				
			

			

				

					09-22
				

			

		

		

			
				
QListWidget是Qt框架中的一个控件，用于在用户界面中显示一个可滚动的列表。要显示图片，可以通过QListWidget的addItem方法添加一个QListWidgetItem对象，然后通过setItemWidget方法将QListWidgetItem与一个QWidget对象关联起来。这个QWidget对象可以是一个QLabel，用于显示图片。

首先，我们需要创建一个QListWidget对象：
QListWidget *listWidget = new QListWidget(this);

然后，我们可以通过循环遍历的方式，将多个图片文件添加到QListWidget中：
QStringList imageFiles; // 存放图片文件路径的列表
imageFiles << "image1.jpg" << "image2.jpg" << "image3.jpg";

foreach(QString file, imageFiles){
    QListWidgetItem *item = new QListWidgetItem();

    // 创建一个QLabel用于显示图片
    QLabel *label = new QLabel();
    QPixmap pixmap(file);
    label->setPixmap(pixmap.scaled(100, 100)); // 设置图片大小为100x100

    // 将QLabel与QListWidgetItem关联起来
    listWidget->setItemWidget(item, label);

    // 添加QListWidgetItem到QListWidget中
    listWidget->addItem(item);
}

最后，将这个QListWidget添加到窗口中的布局中：
QVBoxLayout *layout = new QVBoxLayout;
layout->addWidget(listWidget);
setLayout(layout);

上述代码中，我们假设存在三个图片文件image1.jpg、image2.jpg、image3.jpg，将它们分别添加到QListWidget中，并调整显示大小为100x100。最后，将QListWidget添加到窗口的布局中。这样，运行程序后，我们就可以在窗口中看到一个列表，列表中的每个项显示了一张图片。

			
		

	



              



  
“相关推荐”对你有帮助么？

  

      
    
          
  • 
              
    
                  
                  
              
    
              
    非常没帮助
    
          
    • 
          
  • 
              
    
                  
                  
              
    
              
    没帮助
    
          
    • 
          
  • 
              
    
                  
                  
              
    
              
    一般
    
          
    • 
          
  • 
              
    
                  
                  
              
    
              
    有帮助
    
          
    • 
          
  • 
              
    
                  
                  
              
    
              
    非常有帮助
    
          
    • 
      

      

      

          
          提交
      

      

  




          




        



    





    



      

      

        
      

      





	

		
评论 1

	

	
	




  

    

      添加红包
      
    

    

      

        
        

          
          
        

        
请填写红包祝福语或标题

      

      

        
        

          
          个
        

        
红包个数最小为10个

      

      

        
        

          
          元
        

        
红包金额最低5元

      

      

        
        

          当前余额3.43元
          前往充值 >
        

      

      

        

          需支付：10.00元
        

        
        
      

    

  





  

    
    
  

  

    
    
  








  

    

      

        

          

            
            
成就一亿技术人!

          

          

        

        

          

          

            领取后你会自动成为博主和红包主的粉丝
            规则
          

        

      

      

        

          

            
              
            
            

              
hope_wisdom
 发出的红包
            

          

        

        

          

          

          

        

      

    

    

  



      
      

      
实付元

      
使用余额支付

      

        

          

            
            点击重新获取
          

        

        
扫码支付

      

      

        
          
            
          
          
        
      

      

        
        钱包余额
          0
          

            
            

              

                
抵扣说明：

                
 1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
 2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

              

            

          

      

      余额充值