qt中listWidget显示图标

最新推荐文章于 2025-11-05 22:31:19 发布

转载最新推荐文章于 2025-11-05 22:31:19 发布 · 2.1k 阅读

1 ·

CC 4.0 BY-SA版权

原文链接：http://www.360doc.com/content/14/1011/18/593831_416123373.shtml

文章标签：

#qt

Qt 专栏收录该内容

5 篇文章

订阅专栏

本文介绍了如何在Qt界面中动态加载图片作为列表项的图标，通过QListWidgetItem结合QIcon来实现，同时指出图片路径应放置在release同级目录下，确保资源的正确引用。

ui->listWidget->addItem(new QListWidgetItem(QIcon("images/line.PNG"), tr("Line")));
ui->listWidget->addItem(new QListWidgetItem(QIcon("images/rect.PNG"), tr("Rectangle")));
ui->listWidget->addItem(new QListWidgetItem(QIcon("images/oval.PNG"), tr("Oval")));
ui->listWidget->addItem(new QListWidgetItem(QIcon("images/tri.PNG"), tr("Triangle")));

图标的路径应该是 images/tri.PNG

ui->listWidget->addItem(new QListWidgetItem(QIcon("images/tri.PNG"), tr("Triangle")));

这样是动态加载图片，资源文件（qrc）中可以不添加

images路径应该放在 release 同级目录

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

进军蚁

关注关注

1
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

专栏目录

QListView IconMode设置图标放大，整齐排列的处理方式

有问题或资源连接有缺失的可以私信公众号新潮看世界获取

07-14

2709

最近将一个文件管理器的图标显示代码修改了一下，原先显示很混乱，现在看来好了很多，先来看看效果：下载地址：Qt5文件管理器这里主要讲一下怎么实现这个效果的：如下代码，我们设置初始的GripSize为100x100,GripSize就是ListView在IConMode的视图情况下，每个Icon的显示框的大小，默认为0，即不设置，然后将Movement设置为捕获，相当于捕获网格边缘的意思，这样一来，就可以依附网格，之前没有设置这些参数，就导致了显示时的icon很乱，随意摆放了。至于图标的大小显示，我

QT的Listwidget控件

最新发布

软件开发领域最优质的博客

11-05

797

本文介绍了Qt中QListWidget的图标模式(Icon Mode)功能。主要内容包括：如何设置图标模式、自定义图标和文本、使用QSS样式美化界面、调整图标大小、实现拖放功能、使用自定义委托等高级用法。文章还提供了性能优化建议和一个完整的示例代码，展示如何创建具有现代UI风格的图标视图列表。通过合理的配置和样式设置，开发者可以创建出类似文件管理器的直观用户界面，适用于图片、文件等视觉化项目的展示和管理。

【Qt】关于QListWidget

weixin_51965272的博客

01-28

1433

QListWidget（列表）存储多个项的列表组件，每个项是一个QListWidgetItem类型对象 setFlags() 成员函数，用于设置项的flag属性如用代码实现对QListWidget的添加，需要先创建一个QListWidgetItem对象，可使用setText(),setIcon().setCheckState(),setFlags()等函数设置item对象的属性，再使用addItem()函数添加项 insertItem(int,QListWidgetItem) 成员函数，用于在行int前

QTableWidget改变每行显示的图标大小

哟呼很多事的专栏

03-02

7402

QTableWidget使用以下代码可以设置行中显示的图标 QIcon icon; icon.addFile(":/resources/menu_conmmmgmt.png", QSize(32,32)); ui->tableWidget->setRowHeight(0,36); ui->tableWidget->setItem(0,0,new QTableWidgetItem(icon, "测

Qt 之list widget控件C++语言

wupeng4389151的博客

08-31

2380

C++中使用QT写的各种控件的使用方法，包含源代码，后续继续更新

精选资源

qt-listwidget.rar-listwidget简单使用

04-02

在Qt库中，`QListWidget`是一个非常重要的控件，它用于显示一系列的项，这些项可以是简单的文本，也可以包含图标。本教程将深入探讨`QListWidget`的基本使用，包括创建、添加项、删除项、设置项属性以及响应用户交互...

Qt、C++软件开发之list控件：listview和listwidget的区别以及C++详细用法。

xuming2044的博客

02-08

1956

在Qt软件开发中，QListView和QListWidget都是用于展示列表数据的组件，但它们在设计理念、功能特性以及使用方式上有着显著的区别。以下是对这两个组件的详细对比，包括它们的区别、功能以及C++中的详细用法。可以通过委托（QStyledItemDelegate等）来自定义列表项的渲染和编辑行为。支持多种视图模式（列表、图标、详细信息等），并可以动态切换。可以与其他Qt控件（如QComboBox、QTreeView等）结合使用，实现更复杂的界面布局。

△ Qt学习笔记 - 在List Widget下实现以图标显示各选项的功能

⚡

08-20

5833

在windows下的显示布局中可以看到按照列表方式和按照图标方式显示的选项。这里就介绍如何在List Widget下实现按照图标显示各选项的功能，这些功能在生活中也会很常见，例如在一些饭店的点菜系统中也会见到这种显示方式，单击/双击后会出现相应的操作。在以后的文章中会介绍单击与双击的功能的简单实现与在实现过程中遇到的问题与解决方案，本文主要解决显示功能。 *********...

QListWidget显示Icon和文字

小王庄的博客

12-23

4391

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 带有图片的listwidget

Beyond欣

08-31

1808

看到一个不错的文字和图片对应起来的方式,记录下给每个item传入Qt::UserRole item->setData(Qt::UserRole, i.key()); 根据 item->data(Qt::UserRole).toInt();返回dialog返回信息 QMap<int, QString> symbolMap; symbolMap.insert(132...

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

amxld的博客

12-29

7292

QListview，QListWidget默认实现是图片Icon显示在文字左边但是在很多菜单中，我们需要将图片放置左边，然而又没有美工去做图片（做了图片就可以直接按钮贴图），就需要我们手工去实现这种方式，但Listview要自定义位置，需要去该源码并且很麻烦。实现图片显示在文本右边首先点开 ui文件，点Item属性按钮找到Icon部分，手动添加自己的资源最后找到文本部分，显示设置成从右往左这样做完大家会发现，还是图片在文字左边，并没有达到相要的效果。这时我们加入一行代码即可 ui-&.

QListWidget的使用

weixin_42248496的博客

02-24

1万+

//一、QListWidget list_widget = new QListWidget(); //list_widget->resize(200,300); list_widget->setFixedWidth(300); //设置item图标大小 list_widget->setIconSize(QSize(50,30)); QListWidgetItem *a...

QListWidget 自定义 item的图标和文字的位置

qq_47500842的博客

01-14

5244

楼主并没有完整的解决这个问题，如果你是着急寻找解决方案的就可以划走了，如果你对楼主的解决思路有兴趣，那么可以继续向下阅读。首先需求是可以控制的icon和text x轴的位置，但是同时保持icon在左text在右的基本布局，还要求styleSheet能够生效。

qt图表二：QLineSeries

fuyouzhiyi的博客

10-11

1966

qt图标系列二 qt图表一：splinechart 效果图：接着上篇文章的代码，我想把QLineSeries加到上个图例中，新建一个类继承QChartView 思路如下： QChart *chart = new QChart(); 用于管理QLineSeries，坐标轴及图例创建坐标轴： QValueAxis* mAxY = new QValueAxis(); 并设置 mAxY->setRange(0, 10);//y轴范围 mAxY->setTickCount(1

【QT学习】QListWidget实现鼠标进入某个item图标自动放大

孤生i的博客

09-17

4219

QListWidget界面在IconMode（图标模式）的显示下，当鼠标进入到其中某个item的范围时，该item图标自动放大。

QT-QTableWidget设置单元项图标和图标大小

u013083044的博客

08-03

5054

要设置 QIcon 的大小，你可以使用 QPixmap 来加载原始图像，并调用 QPixmap 的 scaled() 函数来缩放图像的尺寸。然后，将缩放后的 QPixmap 设置给 QIcon，最后将 QIcon 设置给 QTableWidgetItem 的图标。请确保将示例代码中的 "path/to/image.png" 替换为你的实际图片路径，并根据需求调整缩放的尺寸。这样，你就可以设置 QIcon 的大小，然后将其显示在 QTableWidget 的单元格中了。在示例代码中，我们加载原始图像。

QT中listwidget

01-03

### 关于 QT 中 `QListWidget` 的使用 #### 创建并初始化 `QListWidget` 为了创建和初始化一个 `QListWidget` 控件，通常会在窗体的构造函数中完成这一操作。下面是一个简单的例子来展示如何实现这一点： ```cpp #include <QApplication> #include <QWidget> #include <QVBoxLayout> #include <QListWidget> class MyWindow : public QWidget { public: MyWindow(QWidget *parent = nullptr); }; MyWindow::MyWindow(QWidget *parent) : QWidget(parent) { auto layout = new QVBoxLayout(this); // 创建 QListWidget 实例 auto listWidget = new QListWidget(this); // 将列表部件添加到布局中 layout->addWidget(listWidget); setLayout(layout); } ``` #### 添加项至 `QListWidget` 通过调用 `addItem()` 方法可以向 `QListWidget` 中增加新条目。此方法接收一个 `QString` 参数作为新的项目内容。 ```cpp // 向 QListWidget 中添加一项 listWidget->addItem("Item Text"); ``` 对于更复杂的场景，可能需要自定义 `QListWidgetItem` 对象再加入到 `QListWidget` 中[^1]。 #### 移除指定位置上的项如果想要移除特定索引处的元素，则可以通过 `takeItem(int row)` 函数做到这点。需要注意的是，这不仅会从视图里隐藏该项还会将其彻底销毁。 ```cpp int indexToRemove = 0; if (indexToRemove >= 0 && indexToRemove < listWidget->count()) { delete listWidget->takeItem(indexToRemove); } ``` #### 处理 `QListWidget` 上发生的事件当用户点击某个选项时触发相应的动作，可通过连接信号与槽机制处理这些互动行为。例如监听双击事件： ```cpp connect(listWidget, &QListWidget::itemDoubleClicked, [](QListWidgetItem* item){ qDebug() << "Double clicked on:" << item->text(); }); ``` 另外还有其他类型的交互也可以被捕捉，比如选中变化等。具体来说像 `currentRowChanged`, `itemSelectionChanged` 都是非常有用的信号源[^2]。 #### 设置图标模式除了纯文本外还可以设置带有图片样式的列表项。利用 `setIcon(QIcon icon)` 可以为每一条记录配置不同的图像资源。而 `QIcon` 类本身支持多种显示样式适应不同情境下的需求，如正常态、激活态、禁用态以及选定态[^4]。 ```cpp QListWidgetItem* newItem = new QListWidgetItem("Text with Icon", listWidget); newItem->setIcon(QIcon(":/path/to/icon.png")); ```