C/C++ Qt ListWidget 列表框组件应用

这篇具有很好参考价值的文章主要介绍了C/C++ Qt ListWidget 列表框组件应用。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

ListWidget列表框组件,该组件与TreeWidget有些相似,区别在于TreeWidget可以实现嵌套以及多字段结构,而ListWidget组件则只能实现单字段结构,ListWidget组件常用于显示单条记录,例如只显示IP地址,用户名等数据,如下笔记是本人在开发中经常用到的一些基本操作技巧,包括列表框组件的基本操作方法。

常用节点间的操作方法如下:

  • ListView 组件与应用基础
  • ListWidget 初始化
  • ListWidget 变化行(触发事件)
  • ListWidget 编辑状态设置
  • ListWidget 全选/全不选
  • ListWidget 反选(对错交织)
  • ListWidget 指定位置插入 / 增加一项
  • ListWidget 删除选中项

ListView 组件与应用基础: 该组件与ListWidget功能一致,只是ListView无法实现编辑只能预览。

QT技术文推荐:Qt开发必备技术栈学习路线和资料

#include "mainwindow.h"
#include "ui_mainwindow.h"

#include <QListView>
#include <QStandardItem>
#include <QStringListModel>

MainWindow::MainWindow(QWidget *parent) :QMainWindow(parent),ui(new Ui::MainWindow)
{
    ui->setupUi(this);
}

MainWindow::~MainWindow()
{
    delete ui;
}

// 初始化View组件 向ListView组件中填充数据
// By:LyShark
// https://www.cnblogs.com/lyshark
void MainWindow::on_pushButton_clicked()
{
    QStringList data;
    QStringListModel *model;

    // 追加数据到ListView中
    data << QString("192.168.1.1");
    data << QString("192.168.1.2");
    data << QString("192.168.1.3");
    data << QString("192.168.1.4");

    model = new QStringListModel(data);
    ui->listView->setModel(model);

    // 移除第1个地址
    data.removeAt(0);

    // 再次刷新ListView
    model = new QStringListModel(data);
    ui->listView->setModel(model);
}

// 实现间隔初始化,每一行一种颜色
void MainWindow::on_pushButton_2_clicked()
{
    QStringList data;
    QStandardItemModel *model = new QStandardItemModel();

    // 清空记录
    model->removeRows(0,model->rowCount());

    // 追加数据到ListView中
    data << QString("192.168.1.1");

    // 循环追加
    for(int x=2; x<5; x++)
    {
        data << QString("192.168.1.%0").arg(x);
    }

    // 输出到ListView记录
    int nCount = data.size();
    for(int x=0; x<nCount; x++)
    {
        QString string = static_cast<QString>(data.at((x)));  // 强转为QString类型
        QStandardItem *item = new QStandardItem(string);

        if(x%2 == 0)
        {
            // 设置色彩
            QLinearGradient linear_grad(QPointF(0,0),QPointF(200,200));
            linear_grad.setColorAt(0,Qt::darkGreen);

            QBrush brush(linear_grad);
            item->setBackground(brush);
        }
        // 追加到mode模型
        model->appendRow(item);
    }

    // 设置模型
    ui->listView->setModel(model);
    //ui->listView->setFixedSize(200,300);
}

代码运行效果如下:

qlistwidget 全选,QT开发,qt,c++,qt5,ui,c语言 

上方代码中我们多数都是在使用View视图组件,接下来将具体分析Widget组件的使用细节,View组件与Widget组件看似一致,但却存在本质区别,其大致区别如下:

  • Widget 组件可以直接通过如AddItem等一系列函数操作特定数据集,该组件还具有直接编辑的能力。
  • View 组件是基于Model模型映射工作的,每次操作数据时都需要借助QAbstractListModel数据模型来操作。

简单来说View组件适合于浏览展示数据较多的场景,因为其绑定了链表结构从而在数据的展示上更为灵活,而Widget组件更适合于更新或修改数据较多的使用场景。

ListWidget 节点初始化: 节点的初始化就是向widget组件内插入一个QListWidgetItem类。

// 初始化列表 listWidget
// By: LyShark
void MainWindow::on_pushButton_clicked()
{
    // 每一行是一个QListWidgetItem
    QListWidgetItem *aItem;

    // 设置ICON的图标
    QIcon aIcon;
    aIcon.addFile(":/image/1.ico");

    ui->listWidget->clear();
    for(int x=0;x<10;x++)
    {
        QString str = QString::asprintf("192.168.1.%d",x);
        aItem = new QListWidgetItem();   // 新建一个项

        aItem->setText(str);                   // 设置文字标签
        aItem->setIcon(aIcon);                 // 设置图标
        aItem->setCheckState(Qt::Checked);     // 设为选中状态
        aItem->setFlags(Qt::ItemIsSelectable |  // 设置为不可编辑状态
                         Qt::ItemIsUserCheckable
                        |Qt::ItemIsEnabled);

        ui->listWidget->addItem(aItem); //增加项
    }
}

代码运行效果如下:

qlistwidget 全选,QT开发,qt,c++,qt5,ui,c语言 

ListWidget 行内文本变化: 当我们点击行内任意一个列表选项时,我们让其触发currentItemChanged并将变化行更新到窗体上。

// listWidget 当前选中项发生变化
// By: LyShark
void MainWindow::on_listWidget_currentItemChanged(QListWidgetItem *current, QListWidgetItem *previous)
{
    QString str;
    if (current != NULL) //需要检测变量指针是否为空
    {
      if (previous==NULL)  //需要检测变量指针是否为空
      {
          str="当前:"+current->text();
          this->setWindowTitle(QString(current->text()));
      }
      else
      {
        str="前一项:" + previous->text() + "; 当前项:" + current->text();
        std::cout << str.toStdString().data() << std::endl;
        this->setWindowTitle(QString(current->text()));
      }
    }
}

代码运行效果如下:

qlistwidget 全选,QT开发,qt,c++,qt5,ui,c语言 

ListWidget 编辑状态设置: 默认情况下ListWidget组件内所有文件是不可编辑的,我们也可以将编辑属性打开。

// 设置所有项设置为可编辑状态
// https://www.cnblogs.com/lyshark
void MainWindow::on_pushButton_5_clicked()
{
    int x,cnt;
    QListWidgetItem *aItem;

    cnt = ui->listWidget->count();
    for(x=0;x<cnt;x++)
    {
        aItem = ui->listWidget->item(x);
        aItem->setFlags(Qt::ItemIsSelectable | Qt::ItemIsEditable
                        |Qt::ItemIsUserCheckable |Qt::ItemIsEnabled);
    }
}

代码运行效果如下:

qlistwidget 全选,QT开发,qt,c++,qt5,ui,c语言 

 QT技术文推荐:Qt开发必备技术栈学习路线和资料 

ListWidget 全选/全不选: 全选顾名思义就是选中菜单中的所有数据,使用aItem->setCheckState(Qt::Checked)实现选中,通过循环计数即可。

// 全选按钮
// https://www.cnblogs.com/lyshark
void MainWindow::on_pushButton_2_clicked()
{
    int cnt = ui->listWidget->count();   // 获取总数
    for(int x=0;x<cnt;x++)
    {
        QListWidgetItem *aItem = ui->listWidget->item(x);  // 获取到一项指针
        aItem->setCheckState(Qt::Checked);                 // 设置为选中
    }

}

// 全不选
// By: LyShark
void MainWindow::on_pushButton_3_clicked()
{
    int cnt = ui->listWidget->count();   // 获取总数
    for(int x=0;x<cnt;x++)
    {
        QListWidgetItem *aItem = ui->listWidget->item(x);  // 获取到一项指针
        aItem->setCheckState(Qt::Unchecked);               // 设置为非选中
    }
}

代码运行效果如下:

qlistwidget 全选,QT开发,qt,c++,qt5,ui,c语言 

ListWidget 反选功能: 反选的含义是,用户选中菜单反选后会变为未选中状态,未选中则变为选中,只需要增加一个判断即可实现。

// By: LyShark
void MainWindow::on_pushButton_4_clicked()
{
    int x,cnt;
    QListWidgetItem *aItem;

    cnt = ui->listWidget->count();
    for(x=0;x<cnt;x++)
    {
        aItem = ui->listWidget->item(x);
        if(aItem->checkState() != Qt::Checked)
            aItem->setCheckState(Qt::Checked);
        else
            aItem->setCheckState(Qt::Unchecked);
    }
}

代码运行效果如下:

qlistwidget 全选,QT开发,qt,c++,qt5,ui,c语言 

ListWidget 指定位置插入/追加插入: 在选中行的上方插入一行新的表项,以及追加到末尾一行。

// 指定位置插入一项
// www.cnblogs.com/lyshark
void MainWindow::on_pushButton_8_clicked()
{
    QIcon aIcon;
    aIcon.addFile(":/image/3.ico");

    QListWidgetItem *aItem = new QListWidgetItem("插入的数据");
    aItem->setIcon(aIcon);
    aItem->setCheckState(Qt::Checked);
    aItem->setFlags(Qt::ItemIsSelectable |Qt::ItemIsUserCheckable |Qt::ItemIsEnabled);

    // 在当前行的上方插入一个项
    ui->listWidget->insertItem(ui->listWidget->currentRow(),aItem);
}

// 增加一项,尾部追加
void MainWindow::on_pushButton_7_clicked()
{
    QIcon aIcon;
    aIcon.addFile(":/image/2.ico");

    QListWidgetItem *aItem = new QListWidgetItem("新增的项目");   // 增加项目名
    aItem->setIcon(aIcon);                                       // 设置图标
    aItem->setCheckState(Qt::Checked);                           // 设置为选中
    aItem->setFlags(Qt::ItemIsSelectable |Qt::ItemIsUserCheckable |Qt::ItemIsEnabled);
    ui->listWidget->addItem(aItem);                              // 增加到控件
}

代码运行效果如下:

qlistwidget 全选,QT开发,qt,c++,qt5,ui,c语言 

ListWidget 删除选中项: 删除当前选中的一项,并清理释放内存。

// 删除选中项
void MainWindow::on_pushButton_6_clicked()
{
    int row = ui->listWidget->currentRow(); // 获取当前行
    QListWidgetItem *aItem = ui->listWidget->takeItem(row);  // 移除指定行的项,但不delete
    delete aItem;                                            // 释放空间
}

代码运行效果如下:

qlistwidget 全选,QT开发,qt,c++,qt5,ui,c语言 

 文章来源地址https://www.toymoban.com/news/detail-542971.html

到了这里,关于C/C++ Qt ListWidget 列表框组件应用的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • 04-6_Qt 5.9 C++开发指南_QListWidget和QToolButton

    Qt 中用于项 (Item)处理的组件有两类, 一类是 Item Views ,包括 QListView、QTreeView、QTableView、QColumnView 等; 另一类是 Item Widgets ,包括 QListWidget、QTreeWidget 和QTableWidget。 Item Views 基于模型/视图(Model/Vicw)结构,视图 (View)与模型数据(Model Data)关联实现数据的显示和编辑,模型/视图结

    2024年02月13日
    浏览(49)
  • C++ Qt开发:SqlTableModel映射组件应用

    Qt 是一个跨平台C++图形界面开发库,利用Qt可以快速开发跨平台窗体应用程序,在Qt中我们可以通过拖拽的方式将不同组件放到指定的位置,实现图形化开发极大的方便了开发效率,本章将重点介绍 SqlTableModule 组件的常用方法及灵活运用。 在多数情况下我们需要使用SQL的方法

    2024年02月04日
    浏览(41)
  • QT 小组件 列表框以及微调框

    .cpp文件 .h文件 图标可自选  代码现象

    2024年01月21日
    浏览(23)
  • 【QT】——QListWidget的使用

    目录 1.QListWidget和QListWidgetItem 2.外观 2.1列表模式 2.2图标模式 3.常用接口 4.示例 删除列表项 添加列表项 QListWidget 是qt中的列表框控件,它用于显示多个列表项, 列表项 对应的类是 QListWidgetItem . QListWidgetItem可以只包含文字 QListWidgetItem 中可以同时包含 图片和文字 。 列表框控

    2024年02月16日
    浏览(51)
  • QT的QListWidget使用

     本文进行的了QListWidget的使用,设计了如上所示的UI界面信息,具有以下几个功能: 添加,插入,删除,显示模式调整等功能 初始化 模式确定 双击显示处理 具体处理的信号槽函数 结果显示

    2024年02月16日
    浏览(48)
  • Qt6之QListWidget——Qt仿ToDesk侧边栏(1)

    注意:本文不是简单翻译Qt文档或者接口函数,而侧重于无代码Qt设计器下演示使用。 QListWidget也称列表框类,它提供了一个类似于QListView提供的列表视图,但是它具有一个用于添加和删除项的经典的基于项的接口。在实际应用中,多与堆栈窗体类配合使用。 它是Qt这些常用基

    2024年02月13日
    浏览(41)
  • Qt中QListWidget/QListWidgetItem详解

    QListWidget是一个方便类,它提供了一个类似于QListView提供的列表视图,但具有一个经典的基于项目的界面,用于添加和删除项目。QListWidget使用一个内部模型来管理列表中的每个QListWidgetItem。 QListWidget - QListView - QAbstractItemView - QAbstractScrollArea - QFrame - QWidget 要获得更灵活的列表

    2024年02月01日
    浏览(43)
  • QT基础:遍历QListWidget,及QListWidget简单演示,适合初学者食用

    QListWidget 是一个列表框,关于它的详细介绍可以参考:Qt QListWidget详解 初学者如果只是想在短时间内了解 QListWidget 的话,可以参考这里 1、打开QT,创建一个 widget 项目,在UI中加入 QListWidget 和一个 PushButton(等会备用) 可以双击 QListWidget 小部件 , 点左下角的 + 可以在里

    2024年02月12日
    浏览(47)
  • 【QT基础教程 十二】QListWidget类解析

    概要:本期介绍QListWidget类的使用,包含QListWidget如何添加项、删除项、遍历等操作。 头文件:#includeQListWidget 模块:QT += widgets 父类:QListView QListWidget类提供了一个基于项(QListWIdgetItem)的列表控件 ,它拥有属于自己的界面。当然,照我们之前说的,它也继承与QWidget类。 其

    2024年02月13日
    浏览(45)
  • Qt中设置QListWidget滑动条滚动速度

    QListWidget继承QListView控件,Qt帮助文档中说 QAbstractItemView::ScrollPerPixel 和QAbstractItemView::ScrollPerItem分别可以实现按item滚动和像数点滚动,但是好像都没效果。还有就是说通过创建QScrollBar有用,但是也没效果。 亲测还是这样有用,记录一下,记录一下!!!

    2024年02月11日
    浏览(37)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包