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

最新推荐文章于 2024-05-17 19:33:12 发布
最新推荐文章于 2024-05-17 19:33:12 发布
阅读量6.4k 收藏 16
点赞数 6
分类专栏： QT c++ QListWidget
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/amxld/article/details/111932627
版权
QT 同时被 3 个专栏收录
27 篇文章 5 订阅
订阅专栏
c++
24 篇文章 0 订阅
订阅专栏
QListWidget
1 篇文章 0 订阅
订阅专栏

在这里插入图片描述

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

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

实现图片显示在文本右边

在这里插入图片描述

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

在这里插入图片描述

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

在这里插入图片描述

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

在这里插入图片描述

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

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

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

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

ppppp_dddd
关注
  • 6
    点赞
  • 踩
  • 16
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
QListView IconMode设置图标放大，整齐排列的处理方式
有问题或资源连接有缺失的可以私信公众号新潮看世界获取
07-14 2023
最近将一个文件管理器的图标显示代码修改了一下，原先显示很混乱，现在看来好了很多，先来看看效果： 下载地址：Qt5文件管理器这里主要讲一下怎么实现这个效果的： 如下代码，我们设置初始的GripSize为100x100,GripSize就是ListView在IConMode的视图情况下，每个Icon的显示框的大小，默认为0，即不设置，然后将Movement设置为捕获，相当于捕获网格边缘的意思，这样一来，就可以依附网格，之前没有设置这些参数，就导致了显示时的icon很乱，随意摆放了。 至于图标的大小显示，我
QT使用QListWidget显示多张图片
03-10
使用了QListWidget，...QListWidget与QListView类似，都可以显示一列Item，区别在于前者可以往其中增删Item。 QListWidget确定可以同时选择列表中的多少项，以及是否可以创建复杂的项选择。这可以使用函数设置
QListWidget显示图片缩略图
10-21
QListWidget显示图片缩略图，打开加载本地图片，可以加载多张，按缩略图方式显示。
QListWidget吧icon放到文字右边
m0_46541520的博客
05-29 195
csdn太多废话和毫无营养的博客 恶心到无法忍受 只需两句 QListWidgetObj.setLayoutDirection(Qt::RightToLeft); QListWidgetItem.setTextAlignment(Qt::AlignRight|Qt::AlignVCenter)
【qt】QListWidget 组件
最新发布
qq_74047911的博客
05-17 1296
/可以自定义菜单将上下文菜单策略设置为自定义菜单策略。在这种策略下，当用户在该部件上右击时，不会自动弹出默认的上下文菜单，而是需要手动编写代码来定义自己的上下文菜单。对于的组件，我们最重要的一点是往里面添加的是列表项，这又是一种类型。因此我们要注意那些接口是用在列表项的，那些是用在列表的。冰冻三尺，非一日之寒。
QListWidget 自定义 item的图标和文字的位置
qq_47500842的博客
01-14 3999
楼主并没有完整的解决这个问题，如果你是着急寻找解决方案的就可以划走了，如果你对楼主的解决思路有兴趣，那么可以继续向下阅读。首先需求是可以控制的icon和text x轴的位置，但是同时保持icon在左text在右的基本布局，还要求styleSheet能够生效。
用QFileSystemModel和Listview做的简易图片浏览
weixin_34248023的博客
10-17 306
  QFileSystemModel这个类今天第一次用到，个人理解QFileSystemMode这个类主要是用来监视文件系统中的某个目录的变化，并及时更新数据。先介绍一下他的成员函数, QFileSystemModel* model= new QFileSystemModel(); model->setNameFilterDisables(false); setNameFi...
QPushButton设置Icon和text后，实现左字右图
weixin_51034082的博客
04-25 2421
自己在设置按钮样式的时候，想要实现字体在左边，图标在右边，网上找到的比较简单的方法是直接调用QPushButton::setLayoutDirection(Qt::LayoutDirection direction);但是自己在使用这种方法的时候发现图还在但是字不见了。可以通过设置样式表来改变。
【QT入门】 QListWidget各种常见用法详解之图标模式
LF__plus的博客
03-29 1099
【QT入门】 QListWidget各种常见用法详解之图标模式
14、ListView案例
Master Cui的博客
01-05 330
一、介绍 通过ListView实现图片点击放大并且添加说明的功能 二、实现 import QtQuick 2.5 import QtQuick.Window 2.3 Window { visible: true id:root width: 300 height: 500 ListView { id:lv anchors.fill: parent model:lmod//数据模型 del.
Qt qml的ListView等视图控件Models(QAbstractItemModel)的使用
03-19
Qt官方文档解析到提供支持类型QStringList, a QVariantList, a QObjectList or a QAbstractItemModel. 其中QAbstractItemModel提供复杂的数据模型． ​该例程是QAbstractItemModel与qml结合是怎么使用．
Qt实现聊天小程序，发送文字以及图片并显示
10-11
在本文中，我们将深入探讨如何使用Qt框架来实现一个简单的聊天小程序，该程序支持发送文字消息和图片，并具有用户友好的界面。Qt是一个强大的跨平台应用程序开发框架，它提供了丰富的库和工具，使得构建GUI应用变得...
Qt QListWidget传入多张图片
03-20
Qt QListWidget传入多张图片，QListWidget样式设置，QListWidget是继承QListView，QListView是基于Model的，需要自己来建模（如建立QStringListModel，QSqlTableModel等），保存数据，这样就大大降低了数据冗余，...
pyqt5 QlistView列表显示的实现示例
09-17
主要介绍了pyqt5 QlistView列表显示的实现示例，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
自定义QWidget作为QListWidget的Item时偶尔出现位置偏移问题的解决方法和原理
huashuolin001的博客
06-27 4363
现象 解决方法 CTestListWidget.cpp ui->listWidget_Video->setResizeMode(QListView::Adjust); ui->listWidget_Video->setViewMode(QListView::IconMode); ui->listWidget_Video->setSpacing(10); CVideoScreenShotDelegate *delegate = new CVi...
Qt学习——QListWidget控件的使用
热门推荐
GDUTLYP的专栏
12-21 3万+
总结了一下QListWidget控件的用法
QListWidget显示Icon和文字
小王庄的博客
12-23 4071
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
QListWidget 中的元素水平排列
ligare的博客
02-11 3926
QListWidget中元素的排列方式: m_listWidget = new QListWidget(); m_listWidget->insertItem(0,tr("TCP"));//添加元素 m_listWidget->insertItem(1,tr("UDP")); m_listWidget->setFlow(QListView::LeftToRight);//从左到右横向的排列,图片和文字也是从左到右排列 //元素是图片时 .
qlistview显示图片
09-09
在Qt中，可以使用QListWidget来显示图片。可以按照以下步骤来实现： 1. 创建一个QListWidget对象，用于显示图片列表。 2. 设置QListWidget的显示模式为IconMode，以便以缩略图的形式显示图片。 3. 设置缩略图的大小，可以使用setIconSize函数进行设置。 4. 设置缩略图之间的间距，可以使用setSpacing函数进行设置。 5. 设置QListWidget的布局调整模式为Adjust，以便适应布局的调整。 6. 设置QListWidget的移动模式为Static，以禁止移动列表项。 7. 使用QListWidgetItem对象来添加图片项，可以重复以下步骤： a. 创建一个QListWidgetItem对象。 b. 使用setIcon函数设置图片的图标，可以使用QIcon来加载图片。 c. 使用setText函数设置图片项的文本。 d. 使用setSizeHint函数设置图片项的大小。 e. 使用addItem函数将图片项添加到QListWidget中。 8. 最后，调用show函数显示QListWidget。 以下是一个示例代码，演示了如何使用QListWidget显示图片： ``` QListWidget *imageList = new QListWidget; imageList->setViewMode(QListWidget::IconMode); imageList->setIconSize(QSize(100, 100)); imageList->setSpacing(10); imageList->setResizeMode(QListView::Adjust); imageList->setMovement(QListView::Static); QListWidgetItem *imageItem1 = new QListWidgetItem; imageItem1->setIcon(QIcon("image1.png")); imageItem1->setText("Image 1"); imageItem1->setSizeHint(QSize(120, 100)); imageList->addItem(imageItem1); QListWidgetItem *imageItem2 = new QListWidgetItem; imageItem2->setIcon(QIcon("image2.png")); imageItem2->setText("Image 2"); imageItem2->setSizeHint(QSize(120, 100)); imageList->addItem(imageItem2); // 添加更多图片项... imageList->show(); ``` 请注意，你需要根据实际情况替换示例代码中的图片路径和文本信息。<span class="em">1</span><span class="em">2</span><span class="em">3</span> #### 引用[.reference_title] - *1* *2* [QT 使用 List Widget 展示自己的处理好的结果图片](https://blog.csdn.net/weixin_45824067/article/details/131128303)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_1"}}] [.reference_item style="max-width: 50%"] - *3* [QT使用QListWidget实现图片列表](https://blog.csdn.net/sinat_30034481/article/details/120203579)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_1"}}] [.reference_item style="max-width: 50%"] [ .reference_list ]

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

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值