【Qt】多元素控件QListWidget

2024-08-26 12:28
文章标签 元素 qt 控件 qlistwidget

本文主要是介绍【Qt】多元素控件QListWidget,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

 多元素控件QListWidget

使用List Widget表示一个纵向的列表,其每一个选项都可以被选中。

  • 核心属性
属性说明

currentRow

当前被选中的是第⼏⾏

count

⼀共有多少⾏

sortingEnabled

是否允许排序

isWrapping

是否允许换⾏

itemAlignment

元素的对⻬⽅式

selectRectVisible

被选中的元素矩形是否可⻅

spacing

元素之间的间隔

  • 核心方法
方法说明

addItem(const QString& label)

addItem(QListWidgetItem *item)

列表中添加元素.

currentItem()

返回 QListWidgetItem* 表⽰当前选中的元素

setCurrentItem(QListWidgetItem* item)

设置选中哪个元素

setCurrentRow(int row)

设置选中第⼏⾏的元素

insertItem(const QString& label, int row) insertItem(QListWidgetItem *item, int row)

在指定的位置插⼊元素

item(int row)

返回 QListWidgetItem* 表⽰第 row ⾏的元素

takeItem(int row)

删除指定⾏的元素, 返回 QListWidgetItem* 表⽰是哪个元素被删除了

列表中的每一个元素/每一项都被称为是一个item,更具体地来讲,是通过QListWidgetitem类表示的。

在进行插入的row参数就表示插入完毕之后新元素在第row行,把新元素插入到第几行之前。

用来表示“删除”的术语:
take、erase、remove、delete、take

  • 核心信号
信号说明

currentItemChanged(QListWidgetItem* current, QListWidgetItem* old)

选中不同元素时会触发. 参数是当前选中的元素和之前选中的元素.

currentRowChanged(int)

选中不同元素时会触发. 参数是当前选中元素的⾏数.

itemClicked(QListWidgetItem* item)

点击某个元素时触发

itemDoubleClicked(QListWidgetItem* item)

双击某个元素时触发

itemEntered(QListWidgetItem* item)

⿏标进⼊元素时触发

QListWidget类

这个类表示QListWidget中的一个元素,本质上就是“文本+图标”构成的。

核心方法如下:

方法说明

setFont

设置字体

setIcon

设置图标

setHidden

设置隐藏

setSizeHint

设置尺⼨

setSelected

设置是否选中

setText

设置⽂本

setTextAlignment

设置⽂本对⻬⽅式.

例子:使用List Widget新增与删除元素

(1)使用Qt Designer创建出一个List Widget、俩个按钮、一个lineEdit

(2)添加ListWidget的初始元素

方法一:直接使用字符串添加

  • 这种方式简单直接,适用于只需要添加简单文本的情况。
  • 系统会自动为添加的字符串创建一个默认的 QListWidgetItem 对象。

方法二:使用QListWidgetItem 添加对象

  • 提供了更多的灵活性,可以对创建的 QListWidgetItem 进行更多的自定义设置
  • 例如,可以设置图标、字体、前景色和背景色等属性,或者设置数据与项目相关联。


方法三:

在图形化界面中,右键QListWidget选择编辑项目,就可以直接添加内容了。

 

如果这里初始的内容是固定的,此时使用哪种方式都是可行的。

但是如果这里的内容是不固定的,需要读取文件/读取网络来构造数据。

此时就需要代码的方式来添加。

(3)点击添加按钮新增元素

(4)点击删除按钮删除元素

(5)代码实现

#include "widget.h"
#include "ui_widget.h"Widget::Widget(QWidget *parent): QWidget(parent), ui(new Ui::Widget)
{ui->setupUi(this);// 添加初始元素ui->listWidget->addItem("C++");ui->listWidget->addItem("Python");ui->listWidget->addItem("Java");//    //使用QlistWidget 添加初始元素
//    ui->listWidget->addItem(new QListWidgetItem("C++"));
//    ui->listWidget->addItem(new QListWidgetItem("Python"));
//    ui->listWidget->addItem(new QListWidgetItem("Java"));}Widget::~Widget()
{delete ui;
}void Widget::on_pushButton_add_clicked()
{// 获取输入框里的内容const QString& text = ui->lineEdit->text();// 添加到 QListItem 中ui->listWidget->addItem(text);
}void Widget::on_pushButton_sub_clicked()
{// 获取QListItem 的行数int row = ui->listWidget->currentRow();// 按照行数删除元素if(row < 0) return;ui->listWidget->takeItem(row);
}

这篇关于【Qt】多元素控件QListWidget的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/1108556

相关文章

基于Qt开发一个简单的OFD阅读器

《基于Qt开发一个简单的OFD阅读器》这篇文章主要为大家详细介绍了如何使用Qt框架开发一个功能强大且性能优异的OFD阅读器,文中的示例代码讲解详细,有需要的小伙伴可以参考一下... 目录摘要引言一、OFD文件格式解析二、文档结构解析三、页面渲染四、用户交互五、性能优化六、示例代码七、未来发展方向八、结论摘要

python与QT联合的详细步骤记录

《python与QT联合的详细步骤记录》:本文主要介绍python与QT联合的详细步骤,文章还展示了如何在Python中调用QT的.ui文件来实现GUI界面,并介绍了多窗口的应用,文中通过代码介绍... 目录一、文章简介二、安装pyqt5三、GUI页面设计四、python的使用python文件创建pytho

QT实现TCP客户端自动连接

《QT实现TCP客户端自动连接》这篇文章主要为大家详细介绍了QT中一个TCP客户端自动连接的测试模型,文中的示例代码讲解详细,感兴趣的小伙伴可以跟随小编一起学习一下... 目录版本 1:没有取消按钮 测试效果测试代码版本 2:有取消按钮测试效果测试代码版本 1:没有取消按钮 测试效果缺陷:无法手动停

基于Qt实现系统主题感知功能

《基于Qt实现系统主题感知功能》在现代桌面应用程序开发中,系统主题感知是一项重要的功能,它使得应用程序能够根据用户的系统主题设置(如深色模式或浅色模式)自动调整其外观,Qt作为一个跨平台的C++图形用... 目录【正文开始】一、使用效果二、系统主题感知助手类(SystemThemeHelper)三、实现细节

Qt实现文件的压缩和解压缩操作

《Qt实现文件的压缩和解压缩操作》这篇文章主要为大家详细介绍了如何使用Qt库中的QZipReader和QZipWriter实现文件的压缩和解压缩功能,文中的示例代码简洁易懂,需要的可以参考一下... 目录一、实现方式二、具体步骤1、在.pro文件中添加模块gui-private2、通过QObject方式创建

Qt QWidget实现图片旋转动画

《QtQWidget实现图片旋转动画》这篇文章主要为大家详细介绍了如何使用了Qt和QWidget实现图片旋转动画效果,文中的示例代码讲解详细,感兴趣的小伙伴可以跟随小编一起学习一下... 一、效果展示二、源码分享本例程通过QGraphicsView实现svg格式图片旋转。.hpjavascript

嵌入式QT开发:构建高效智能的嵌入式系统

摘要: 本文深入探讨了嵌入式 QT 相关的各个方面。从 QT 框架的基础架构和核心概念出发,详细阐述了其在嵌入式环境中的优势与特点。文中分析了嵌入式 QT 的开发环境搭建过程,包括交叉编译工具链的配置等关键步骤。进一步探讨了嵌入式 QT 的界面设计与开发,涵盖了从基本控件的使用到复杂界面布局的构建。同时也深入研究了信号与槽机制在嵌入式系统中的应用,以及嵌入式 QT 与硬件设备的交互,包括输入输出设

遮罩,在指定元素上进行遮罩

废话不多说,直接上代码: ps:依赖 jquer.js 1.首先,定义一个 Overlay.js  代码如下: /*遮罩 Overlay js 对象*/function Overlay(options){//{targetId:'',viewHtml:'',viewWidth:'',viewHeight:''}try{this.state=false;//遮罩状态 true 激活,f

【QT】基础入门学习

文章目录 浅析Qt应用程序的主函数使用qDebug()函数常用快捷键Qt 编码风格信号槽连接模型实现方案 信号和槽的工作机制Qt对象树机制 浅析Qt应用程序的主函数 #include "mywindow.h"#include <QApplication>// 程序的入口int main(int argc, char *argv[]){// argc是命令行参数个数,argv是

lvgl8.3.6 控件垂直布局 label控件在image控件的下方显示

在使用 LVGL 8.3.6 创建一个垂直布局,其中 label 控件位于 image 控件下方,你可以使用 lv_obj_set_flex_flow 来设置布局为垂直,并确保 label 控件在 image 控件后添加。这里是如何步骤性地实现它的一个基本示例: 创建父容器:首先创建一个容器对象,该对象将作为布局的基础。设置容器为垂直布局:使用 lv_obj_set_flex_flow 设置容器