QListview,QListWidget实现图片/ICON显示在文字右边，图片根据按下状态显示不同样式

最新推荐文章于 2025-11-05 22:31:19 发布
原创 最新推荐文章于 2025-11-05 22:31:19 发布 · 7.2k 阅读 · 17 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

博客介绍了QListview和QListWidget默认图片Icon在文字左边，而在很多菜单场景需图片在右边。提供两种实现方法，一是通过ui文件操作并添加代码，二是用代码实现，包括在Item中加数据、遍历设置文本对齐等，但两种方法都有一定麻烦之处。

在这里插入图片描述

QListview，QListWidget默认实现是图片Icon显示在文字左边

但是在很多菜单中，我们需要将图片放置左边，然而又没有美工去做图片（做了图片就可以直接按钮贴图），就需要我们手工去实现这种方式，但Listview要自定义位置，需要去该源码并且很麻烦。

实现图片显示在文本右边

在这里插入图片描述

首先点开 ui文件，点Item属性按钮

在这里插入图片描述

找到Icon部分，手动添加自己的资源

在这里插入图片描述

最后找到文本部分，显示设置成从右往左

在这里插入图片描述

这样做完大家会发现，还是图片在文字左边，并没有达到相要的效果。
这时我们加入一行代码即可
ui->listWidget->setLayoutDirection(Qt::RightToLeft);

这样做在多列表时会比较麻烦 ，还有第二种方法用代码实现

首先需要在Item中加入数据，然后获取Listview的行数，进行遍历然后设置QListWidgetItem的setTextAlignment()即可， 加Icon直接调用Item seticon这种比较麻烦的在于设置选中后的样式

纯属自己搞着玩，觉得不错的点个赞把~

Qt之使用QListView加载相册(富文本ToolTip)
草上爬的博客
12-18 3106
Qt之使用QListView加载相册(富文本ToolTip)：如果item的显示效果达不到要求，那么就自定义delegate。
PyQt5：自定义QListView显示
轩逸云的博客
01-03 798
ListView 是一个基于模型-视图（Model-View）架构的控件，它通常用于显示大量的数据项。与 QListWidget 不同，QListView 不直接管理数据项的内容，而是通过一个数据模型（如 QStringListModel、QStandardItemModel 或自定义模型）来提供数据。若需要自定义 QListView 的每个item外观显示，需要自定义一个委托（QStyledItemDelegate 或 QItemDelegate）来绘制和编辑项。
在QListView中显示图标
u010142953的博客
06-30 6147
头文件部分代码： QListView *listview; QStandardItem *s1; QStandardItem *s2; QStandardItem *s3;QStandardItem *s4; QStandardItem *s5; QStandardItem *s6; QStandardItemModel* slm;       源文件部分代码：      
QListWidget吧icon放到文字右边
m0_46541520的博客
05-29 432
csdn太多废话和毫无营养的博客 恶心到无法忍受 只需两句 QListWidgetObj.setLayoutDirection(Qt::RightToLeft); QListWidgetItem.setTextAlignment(Qt::AlignRight|Qt::AlignVCenter)
QListWidget的图标模式
最新发布
软件开发领域最优质的博客
11-05 750
本文介绍了Qt中QListWidget的图标模式(Icon Mode)功能。主要内容包括：如何设置图标模式、自定义图标和文本、使用QSS样式美化界面、调整图标大小、实现拖放功能、使用自定义委托等高级用法。文章还提供了性能优化建议和一个完整的示例代码，展示如何创建具有现代UI风格的图标视图列表。通过合理的配置和样式设置，开发者可以创建出类似文件管理器的直观用户界面，适用于图片、文件等视觉化项目的展示和管理。
Qt 重载QComboBox，实现右侧删除键
qq_44723937的博客
04-09 4152
自定义QComboBox
Qt Style Sheet实践（二）：组合框QComboBox的定制
weixin_34176694的博客
04-07 3336
导读      组合框是一个重要且应用广泛的组件，一般由两个子组件组成：文本下拉单部分和按钮部分。在许多既需要用户选择、又需要用户手动输入的应用场景下，组合框能够很好的满足我们的需求。如我们经常使用的聊天软件QQ登录框，便是一个很好的应用例子：      显然，用户既可以自己手动输入新的QQ号码，也可以在列表框中选择历史输入记录。对于提高用户体验是一个不错的手段。这篇博文重点讲述如何用QS...
自定义QWidget作为QListWidget的Item时偶尔出现位置偏移问题的解决方法和原理
huashuolin001的博客
06-27 4983
现象 解决方法 CTestListWidget.cpp ui->listWidget_Video->setResizeMode(QListView::Adjust); ui->listWidget_Video->setViewMode(QListView::IconMode); ui->listWidget_Video->setSpacing(10); CVideoScreenShotDelegate *delegate = new CVi...
QT 用listveiw显示图片
weixin_34043301的博客
07-14 1496
很多的时候需要浏览图片，一般会使用listview 显示图片，接下来我用listview显示图片 代码如下： QStandardItem * s1; QStandardItem * s2; QStandardItem *s3; QStandardItemModel * model = new QStandardItemModel(this); ...
QT使用QListWidget显示多张图片
aoxuestudy的专栏
03-10 6342
QT使用QListWidget显示多张图片，用到QDockWidget QListWidget类提供了一个基于项目的列表小部件 QListWidget是一个方便的类，它提供了一个列表视图，类似于QListView提供的列表视图，但是具有一个用于添加和删除项的经典基于项的接口。QListWidget使用一个内部模型来管理列表中的每个QListWidgetItem。要获得更灵活的列表视图小部件，请使用带有标准模型的QListView类。列表小部件的构造方法与其他小部件相同。QListWidget与QListVi
QT中QListWidget实现QListWidgetItem图片和文字居中
C++ 开发者的博客
11-25 1万+
说明 在使用QT开发软件的过程中，很多时候使用QListWidget来实现列表项的功能，比如MS系统的功能模块菜单，如下面2张图所示，其中第一张图是带文字和图标的列表项，第二张图是纯图标的模式，在最近开发的平台客户端的某个功能模块都用上了。 列表项实现过程 在实现的过程中，参考了另外一位博主的博客( 利用QListWidget实现简单的播放器界面.)，所以我这里就没有过多的介绍如何实现的了，大家看了那边博客就能实现QListWeiget项图标居中的样式了，写这篇博客就是为了大家能链接过去，可能有时候搜索
QListView 自定义Delegate实现图片列表 绘制Button 根据鼠标状态绘制不同的Button效果 附QListView 样式表
qq_31069969的博客
04-09 876
QListView 自定义Delegate实现图片列表 绘制Button 根据鼠标状态绘制不同的Button效果 附QListView 样式表。
高效管理图片：Qt QListWidget与图片列表的整合技巧
4. QListWidget传入图片的实现方法：要在QListWidget中显示图片，需要将图片资源和文本或其他类型的数据关联起来。这可以通过在QListWidgetItem中设置图标（ICON）的方式来实现。例如，可以使用QPixmap类来加载图片...
Qt listView添加控件、图片
qq_45608830的博客
05-15 8705
Qt listView添加控件、图片 首先，先上效果图： 点击listView中的按钮，分别有：clicked row index = 0 和 clicked row index = 1 的打印，也就是说可以判断item中哪个按钮被按下。 怎么做？ 第一步 当然是先创建一个widget的project，再往ui文件中拖入一个listView， 点击栅格布局，如图： 第二步 自定义一个委托类，这个类主要用来在listView中绘制自己想要的元素，看了效果图就知道，listView中主要是有按钮和文字这
Qt学习——QListWidget控件的使用
热门推荐
GDUTLYP的专栏
12-21 3万+
总结了一下QListWidget控件的用法
QListView 实现图片thumbnail
@奮 鬥@的专栏
10-16 4089
Use QListView and and set it's view mode to IconMode. m_lst->setViewMode(QListWidget::IconMode); m_lst->setIconSize(QSize(200,200)); m_lst->setResizeMode(QListWidget::Adjust); m_lst->addItem(new QL
Qt ListWideget图标模式
weixin_38241876的博客
11-21 204
【代码】Qt ListWideget图标模式。
使用QScrollArea实现QListWidget的iconMode模式
lzy15192536135的博客
06-02 350
使用QScrollArea实现QListWidget的IConMode模式
Qt学习之使用QListWidget加载本地图片实现双击放大
似末的博客
03-15 7655
QListWidget的列表项显示方式有两种，一种是IconMode（图标模式），一种是ListMode（列表模式），本文介绍IconMode（图标模式）的使用，加载本地图片，双击列表的每一项可以进行图片放大。涉及QListWidget的使用、QListWidget样式表设计、QListWidget列表项双击信号、QLabel显示图像、事件过滤器等等。
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值