Qt QListWidget项目知识点小结

最新推荐文章于 2024-03-11 13:17:38 发布
最新推荐文章于 2024-03-11 13:17:38 发布
阅读量2.8k 收藏 43
点赞数 3
分类专栏： Qt 文章标签： 列表 qt
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/cpp_learner/article/details/112732536
版权

前言

最近在研究视图模型，当然是根据网上的视频进行学习，现在把学习到的项目知识点都记录下来。

最终效果：
在这里插入图片描述

其中包括功能：

  1. 确定按钮：为列表项勾✔上后，点击确定按钮，会将勾✔上的列表项的文本显示出来；
  2. 清空按钮：清空textEdit文本框的文本；
  3. 添加按钮：在下方textEdit文本块输入文本后，点击添加按钮，会实现在最后插入一项；
  4. 删除按钮：选中某一项后进行删除；
  5. 获取文本按钮：获取选中列表项的所有文本，显示在文本块中；
  6. 修改文本按钮：将选中的列表项的文本修改为文本框中的文本；
  7. 右键菜单功能，右键插入的列表项是在选中的列表项后插入。

撸代码

ui界面

在这里插入图片描述

知识点汇总

新建列表项
QListWidgetItem *item = new QListWidgetItem;

设置文本
item->setText("字符串");

设置复选状态
item->setCheckState(Qt::Unchecked); // 设置为未选中状态

设置图标
item->setIcon(QIcon("图标路径"));

设置文本居中
item->setTextAlignment(Qt::AlignHCenter);

设置item项无法使用
item->setFlags(Qt::ItemIsSelectable);

设置item项的大小
item->setSizeHint(QSize(50, 50));

插入列表项
ui.listWidget->addItem(item);

将列表项插入到指定位置
ui.listWidget->insertItem(索引, item);

初始化时默认选中一行
ui.listWidget->setCurrentRow(0); // 默认选中第一项

设置显示模式
ui.listWidget->setViewMode(QListView::IconMode); //设置显示模式为图标模式
ui.listWidget->setViewMode(QListView::ListMode); //设置显示模式为列表模式

设置选择模式
// QAbstractItemView::ContiguousSelection 鼠标拖拉多选
// QAbstractItemView::ExtendedSelection: 按住ctrl多选
// QAbstractItemView::SingleSelection: 单选， 默认
// QAbstractItemView::MultiSelection：点击多选
ui.listWidget->setSelectionMode(QAbstractItemView::ExtendedSelection);

设置样式，直接在函数中设置

ui.listWidget->setStyleSheet("QListWidget{border:1px solid gray; color:black; }"
							 "QListWidget::Item{padding-top:20px; padding-bottom:4px; }"
							 "QListWidget::Item:hover{background:skyblue; }"
							 "QListWidget::item:selected{background:lightgray; color:red; }"
							 "QListWidget::item:selected:!active{border-width:0px; background:lightgreen; }"

本人也不知道是什么意思，效果如图一。

获取列表项的个数
int row = ui.listWidget->count();

获取该列表项的复选框状态
ui.listWidget->item(i)->checkState() ;
可以使用if语句进行判断其是否勾上 Qt::Checked

取消列表项的复选框勾上状态
ui.listWidget->item(i)->setCheckState(Qt::CheckState::Unchecked);

获取列表项的文本
ui.listWidget->item(i)->text();

修改列表项的文本
item->setText("字符串");

获取所有选中的列表项
QList<QListWidgetItem *> items = ui.listWidget->selectedItems();

删除列表项

根据项删除：
ui.listWidget->removeItemWidget(item);
删除后记得释放列表项的内存： delete item;

根据索引删除：
ui.listWidget->takeItem(0);
记得也需要释放内存:delete ui.listWidget->item(0);

右键菜单

需添加头文件：#include <QMenu>

实例化菜单对象
m_Menu = new QMenu(this);

新建菜单项实体对象
QAction *action1 = new QAction("确定", this);

菜单项添加入菜单中
m_Menu->addAction(action1);

连接单击菜单信号与槽
connect(action1, SIGNAL(triggered()), this, SLOT(on_yesBtn_clicked()));
连接信号与槽后，当点击该菜单项后就会触发槽函数进行操作。

当然，得为其添加菜单事件函数

void contextMenuEvent(QContextMenuEvent *event);

// 鼠标右键显示菜单事件
void MyQListWidget::contextMenuEvent(QContextMenuEvent *event) {
	// 菜单出现的位置为当前鼠标的位置
	m_Menu->exec(QCursor::pos()); 
}

代码

.h文件

#pragma once

#include <QtWidgets/QWidget>
#include "ui_MyQListWidget.h"

#include <QMenu>

class MyQListWidget : public QWidget {
	Q_OBJECT

public:
	MyQListWidget(QWidget *parent = Q_NULLPTR);

	~MyQListWidget();

	// 右键显示菜单事件
	void contextMenuEvent(QContextMenuEvent * event);

private slots:
	void on_yesBtn_clicked();
	void on_noBtn_clicked();
	void on_addBtn_clicked();
	void on_deleteBtn_clicked();
	void on_gainBtn_clicked();
	void on_alterBtn_clicked();
	void addSignalItem();

private:
	Ui::MyQListWidgetClass ui;

	QMenu* m_Menu;
};

.cpp文件

#include "MyQListWidget.h"
#include <QListWidgetItem>
#include <QMessageBox>
#include <QDebug>


#pragma execution_character_set("utf-8") // qt支持显示中文

MyQListWidget::MyQListWidget(QWidget *parent) : QWidget(parent) {
	ui.setupUi(this);

	for (int i = 0; i <= 20; i++) {
		QString str = QString("item%1").arg(i);
		// 新列表建项
		QListWidgetItem *item = new QListWidgetItem;
		// 设置文本
		item->setText(str);
		// 设置复选状态
		item->setCheckState(Qt::Unchecked);
		// 设置图标
		item->setIcon(QIcon("E:\\QTproject\\WPS\\images\\wps.ico"));

		// 设置文本居中
		//item->setTextAlignment(Qt::AlignHCenter);

		// 设置item项无法使用
		//item->setFlags(Qt::ItemIsSelectable);

		// 设置item项的大小
		item->setSizeHint(QSize(50, 50));

		// 项添加到列表中
		ui.listWidget->addItem(item);	
		
	}


	// 初始化时默认选中一行
	ui.listWidget->setCurrentRow(0);

	/*设置显示模式*/
	//ui.listWidget->setViewMode(QListView::IconMode);   //设置显示模式为图标模式
	ui.listWidget->setViewMode(QListView::ListMode);   //设置显示模式为列表模式


	/*设置选择模式*/
	// QAbstractItemView::ContiguousSelection 鼠标拖拉多选
	// QAbstractItemView::ExtendedSelection: 按住ctrl多选
	// QAbstractItemView::SingleSelection: 单选， 默认
	// QAbstractItemView::MultiSelection：点击多选
	ui.listWidget->setSelectionMode(QAbstractItemView::ExtendedSelection);







	// 设置样式，直接在函数中设置
	ui.listWidget->setStyleSheet("QListWidget{border:1px solid gray; color:black; }"
							     "QListWidget::Item{padding-top:20px; padding-bottom:4px; }"
							     "QListWidget::Item:hover{background:skyblue; }"
								 "QListWidget::item:selected{background:lightgray; color:red; }"
								 "QListWidget::item:selected:!active{border-width:0px; background:lightgreen; }"
	);


	// 实例化菜单对象
	m_Menu = new QMenu(this);
	// 新建菜单项实体对象
	QAction *action1 = new QAction("确定", this);
	QAction *action2 = new QAction("清空", this);
	QAction *action3 = new QAction("添加", this);
	QAction *action4 = new QAction("删除", this);
	QAction *action5 = new QAction("获取文本", this);
	QAction *action6 = new QAction("修改文本", this);

	// 菜单项添加入菜单中
	m_Menu->addAction(action1);
	m_Menu->addAction(action2);
	m_Menu->addAction(action3);
	m_Menu->addAction(action4);
	m_Menu->addAction(action5);
	m_Menu->addAction(action6);

	// 连接单击菜单信号与槽
	connect(action1, SIGNAL(triggered()), this, SLOT(on_yesBtn_clicked()));
	connect(action2, SIGNAL(triggered()), this, SLOT(on_noBtn_clicked()));
	connect(action3, SIGNAL(triggered()), this, SLOT(addSignalItem()));
	connect(action4, SIGNAL(triggered()), this, SLOT(on_deleteBtn_clicked()));
	connect(action5, SIGNAL(triggered()), this, SLOT(on_gainBtn_clicked()));
	connect(action6, SIGNAL(triggered()), this, SLOT(on_alterBtn_clicked()));
}


MyQListWidget::~MyQListWidget() {
	// 获取所有菜单项
	QList<QAction*> list = m_Menu->actions();
	// 循环释放所有菜单项的内存
	for each(QAction* action in list) delete action;
	// 释放菜单对象内存
	delete m_Menu;

	// 获取所有的列表项
	QList<QListWidgetItem *> items = ui.listWidget->selectedItems();
	// 循环释放所有列表项的内存
	for each (QListWidgetItem *item in items) delete item;
	//delete ui.listWidget; 	// qt会自动释放
	//delete ...
}



// 确定按钮
void MyQListWidget::on_yesBtn_clicked() {
	int row = ui.listWidget->count();	// 获取个数
	QString str = "";

	for (int i = 0; i < row; i++) {
		// 获取打钩项的文本
		if (ui.listWidget->item(i)->checkState() == Qt::Checked) {
			str += ui.listWidget->item(i)->text() + "\n";
			// 取消打勾
			ui.listWidget->item(i)->setCheckState(Qt::CheckState::Unchecked);
		}
	}


	QMessageBox::information(this, "提示", str);
}


// 清空按钮
void MyQListWidget::on_noBtn_clicked() {
	// 文本框内容清空
	ui.textEdit->setPlainText("");
}


// 添加按钮
void MyQListWidget::on_addBtn_clicked() {
	// 合法检查
	if (ui.textEdit->toPlainText().isEmpty()) return;

	// 获取文本框中的文本
	QString str = ui.textEdit->toPlainText();
	// 将字符串以'\n'回车符进行分割（多项添加）
	QStringList list = str.split('\n');

	// 遍历字符串链表，并将字符串添加到列表中
	for each (QString text in list) {
		// 如果字符串为空则跳过添加
		if (text.isEmpty()) continue;

		// 检查不给插入相同文本的项
		bool flags = false;
		for (int i = 0; i < ui.listWidget->count(); i++) {
			// 使用字符串函数compare()比较两字符串是否相等
			if (ui.listWidget->item(i)->text().compare(text) == 0) {
				flags = true;
				break;
			}
		}
		if (flags) continue;
		

		// 新建项
		QListWidgetItem *item = new QListWidgetItem(text);
		item->setCheckState(Qt::CheckState::Unchecked);
		item->setIcon(QIcon("E:\\QTproject\\WPS\\images\\color.ico"));

		// 项添加到列表中
		ui.listWidget->addItem(item);
	}

	QMessageBox::information(this, "相同跳过", "添加成功！");

	// 文本框内容清空
	ui.textEdit->setText("");
}


// 删除按钮
void MyQListWidget::on_deleteBtn_clicked() {
	// 获取所有选中的项
	QList<QListWidgetItem *> items = ui.listWidget->selectedItems();
	// 遍历删除并释放资源
	for each (QListWidgetItem *item in items) {
		ui.listWidget->removeItemWidget(item);
		delete item;
	}

	ui.textEdit->setPlainText("");


	// 也可以根据索引来删除
	//ui.listWidget->takeItem(0);
	// 记得也需要释放内存
	//delete ui.listWidget->item(0);
}


// 获取文本按钮
void MyQListWidget::on_gainBtn_clicked() {
	QString str = "";
	// 获取所有选中的项
	QList<QListWidgetItem *> items = ui.listWidget->selectedItems();
	// 遍历获取文本
	for each (QListWidgetItem *item in items) {
		str += item->text() + '\n';
		qDebug() << item->text();
	}

	ui.textEdit->setText(str);
}



// 修改文本按钮
void MyQListWidget::on_alterBtn_clicked() {
	if (ui.textEdit->toPlainText().isEmpty()) return;

	// 只取用户输入的第一行文本作为修改
	QString alterText = ui.textEdit->toPlainText();
	QStringList list = alterText.split('\n');

	// 获取所有选中的项
	QList<QListWidgetItem *> items = ui.listWidget->selectedItems();
	// 遍历修改文本
	for each  (QListWidgetItem *item in items) {
		item->setText(list.at(0));
	}

	// 文本框内容清空
	ui.textEdit->setPlainText("");
}



// 鼠标右键显示菜单事件
void MyQListWidget::contextMenuEvent(QContextMenuEvent * event) {

	// 菜单出现的位置为当前鼠标的位置
	m_Menu->exec(QCursor::pos()); 
}



// 插入单个项，插入到指定位置
void MyQListWidget::addSignalItem() {
	// 合法检查
	if (ui.textEdit->toPlainText().isEmpty()) return;

	// 获取文本框中的文本
	QString str = ui.textEdit->toPlainText();
	// 将字符串以'\n'回车符进行分割（多项添加）
	QStringList list = str.split('\n');

	// 跳过添加相同文本的项
	for (int i = 0; i < ui.listWidget->count(); i++) {
		// 使用字符串函数compare()比较两字符串是否相等
		if (ui.listWidget->item(i)->text().compare(list.at(0)) == 0) {
			return;
		}
	}

	// 获取所有选中的项
	QList<QListWidgetItem *> items = ui.listWidget->selectedItems();
	// 获取选中项中的第一项的索引
	int index = ui.listWidget->row(items[0]);

	QListWidgetItem * item = new QListWidgetItem(list.at(0));
	item->setCheckState(Qt::CheckState::Unchecked);
	item->setIcon(QIcon("E:\\QTproject\\WPS\\images\\print.png"));
	// 将列表项插入到指定位置
	ui.listWidget->insertItem(index + 1, item);

	// 文本框内容清空
	ui.textEdit->setPlainText("");
}

总结：
QListWidget是QListView的子类，个人觉得效果没有QListView好，但是可以满足日常的操作。小项目中有许多相关知识点配合使用，还是挺有意思的。

cpp_learners
关注
  • 3
    点赞
  • 踩
  • 43
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
专栏目录
list_control.rar_LIST_CONTROL_list control 删除_右键 菜单_右键弹出菜单_弹出菜单
09-14
在list control中加入鼠标右键弹出菜单并做出删除所点的item项
ListControl支持右键菜单动态添加、删除行
04-06
ListControl控件中右键菜单可添加或删除一行，选中一行可进行edit编辑和下拉框Combox选择。
QListWidget和QTableWidget设置样式和风格
阿呆
03-11 569
【代码】QListWidget和QTableWidget设置样式和风格。
duilib中UIList支持多选+右键菜单Demo
07-28
对duilib的UIList进行了扩展，新增了一下支持：拖动表头改变列宽度；支持多选（ctrl+ 左键,shift+左键,鼠标按下左右键滑动)；右键菜单
listctrl右键悬浮菜单
04-13
使用MFC中ListCtrl控件实现右键悬浮菜单，并响应删除、添加等事件
QTableView中嵌入复选框CheckBox方法:实现QAbstractItemDelegate的paint()函数。
gong_xucheng的专栏
03-19 8896
这种方法和《C++_GUI_Qt4_编程（第二版）》中第十章的自定义委托例子，画星星的作法是一样的，都是通过 QApplication::style()->drawControl(QStyle::CE_CheckBox,&check_box_style_option,painter);这个函数，只不过选择的元素是QCheckBox的。     使用Delegate Paint()函数 具体如下:
QAbstractItemView子类如:QTreeView、QTableView等子项单元格复选框勾选/取消勾选功能实现
danshiming的博客
01-07 2045
实现QTreeView子项中的复选框勾选/取消勾选功能
QTableWidget单击选中取消
u010030181的专栏
09-01 1万+
QTableWidget单击选中取消事件 前言 很多情况下有这样的需求，当鼠标点击QTableWidget时，每次只能选中一行或者不选中，不允许选中多行。当点击表格中时选中一行，同时打开所选中的这行的详细信息（另一个GUI控件），当点击表格之外，选中行取消高亮（取消选择），同时详细信息也消失。 说明 1、QTableWidget时，选择行时，可以使用  setSelectionBehav
[QT_019]Qt学习技巧之QListWidget取消item前面的复选框
kongcheng253的博客
01-12 1469
QListWidget取消item前面的复选框
Qt QListWidget传入多张图片
03-20
Qt QListWidget传入多张图片，QListWidget样式设置，QListWidget是继承QListView，QListView是基于Model的，需要自己来建模（如建立QStringListModel，QSqlTableModel等），保存数据，这样就大大降低了数据冗余，...
QT QListWidget新增右键删除item内容
07-12
在QT中,QListWidget控件是没有右键删除子控件的功能的,本示例使用重写QListWidget的事件过滤器eventFilter的方法实现右键删除功能
QT使用QListWidget显示多张图片
03-10
QListWidget类提供了一个基于项目的列表小部件 QListWidget是一个方便的类，它提供了一个列表视图，类似于QListView提供的列表视图，但是具有一个用于添加和删除项的经典基于项的接口。QListWidget使用一个内部模型...
Qt控件QListWidget实现鼠标拖拽Item换序
06-04
windows平台下的Qt界面开发中，使列表控件中的项目可以通过鼠标拖拽，改变列表中Item项目的排序，资源通过网络上的教程资源整合，不得商用。
基于Qt+QListWidget开发的天气预报系统+源码+开发文档说明+项目解析（毕业设计&课程设计&项目开发）
最新发布
03-22
基于Qt+QListWidget开发的天气预报系统+源码+开发文档说明+项目解析，适合毕业设计、课程设计、项目开发。项目源码已经过严格测试，可以放心参考并在此基础上延申使用~ 基于Qt+QListWidget开发的天气预报系统+源码+...
Qt 操作Json格式文件（创建、插入、解析、修改、删除）
热门推荐
cpp_learner的博客
07-03 2万+
使用QT语言全面操作Json文件！（创建、插入、解析、修改、删除）
Qt VS中双击ui文件无法打开的问题
cpp_learner的博客
03-12 2万+
QT + VS 双击ui文件无法打开，或者是打开后报错的问题，看此片博客完美解决。
Qt qDebug()输出操作
cpp_learner的博客
09-25 2万+
这篇博客简单的讲解一下Qt “qDebug()”的简单用法，它可以像C语言那样格式化输出，也可以像C++那样“>>”输出。 格式化输出 输出十进制、八进制和十六进制： qint32 num = 255; qDebug("十进制：%d", num); qDebug("八进制：%o", num); qDebug("十六进制：%x", num); 注意：qint32 等同于 int类型。 输出浮点类型 qreal PI = 3.14; qDebug("PI:%.2f", PI); 注
qt QListWidget
08-24
QListWidget 是 Qt 框架中提供的一个用于显示列表的小部件。它允许用户在一个可滚动的列表中显示一些项目，并且可以选择其中的一个或多个项目。 QListWidget 提供了丰富的功能和灵活的选项，可以轻松地自定义列表的外观和交互行为。下面是一些常用的操作和属性： 1. 添加项目：使用 `addItem()` 方法添加一个项目到列表中，也可以使用 `addItems()` 方法一次性添加多个项目。 2. 删除项目：使用 `takeItem()` 方法删除列表中的一个项目，使用 `clear()` 方法删除所有项目。 3. 选择项目：可以通过设置 `setSelectionMode()` 方法来定义选择模式，例如单选、多选或不选。使用 `selectedItems()` 方法获取当前选中的项目。 4. 修改项目：可以通过 `item()` 方法获取列表中的某个项目，并使用 `setText()` 方法修改其文本内容。 5. 排序和过滤：可以使用 `sortItems()` 方法对项目进行排序，使用 `setFilterRegExp()` 方法设置正则表达式过滤项目。 6. 信号和槽：QListWidget 提供了多个信号，可以响应项目的选择、单击、双击等操作。 除了上述常见的操作，QListWidget 还支持自定义项目的外观和交互。你可以通过继承 QListWidgetItem 类创建自定义项目，并在 QListWidget 中显示。此外，还可以使用 QAbstractItemModel 类实现更复杂的列表模型。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

cpp_learners

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值