当前位置: 首页 > news >正文

QT系列教程(20) Qt 项目视图便捷类

视频连接

https://www.bilibili.com/video/BV1XY41127t3/?vd_source=8be9e83424c2ed2c9b2a3ed1d01385e9

Qt项目视图便捷类

Qt项目视图提供了一些便捷类,包括QListWidget, QTableWidget, QTreeWidget等。我们分别介绍这几个便捷类。
我们先创建一个Qt Application应用,然后在mainwindow的构造函数中创建一个listwidget

    auto listWidget = new QListWidget(this);QListWidgetItem * listWidgetItem = new QListWidgetItem;listWidgetItem->setText("listItem");QPixmap pixmap(50,50);pixmap.fill(Qt::blue);listWidgetItem->setIcon(pixmap);listWidgetItem->setToolTip("this is list item");listWidget->insertItem(1,listWidgetItem);QListWidgetItem * listWidgetItem2 = new QListWidgetItem;listWidgetItem2->setText("listItem2");QPixmap pixmap2(50,50);pixmap2.fill(Qt::green);listWidgetItem2->setIcon(pixmap2);listWidgetItem2->setToolTip("this is list item2");listWidget->insertItem(2,listWidgetItem2);listWidget->sortItems(Qt::DescendingOrder);listWidget->show();this->setCentralWidget(listWidget);

运行效果如下
https://cdn.llfc.club/1671679301439.jpg

接下来我们在mainwindow.h里添加QTableWidget和QTreeWidget成员变量

    QTreeWidget * _treeWidget;QTableWidget * _tableWidget;

然后继续在mainwindow的构造函数中创建TableWidget和TreeWidget。

    _treeWidget = new QTreeWidget();//treewidget 要设置列数_treeWidget->setColumnCount(2);QStringList headers;headers << "name" << "year";_treeWidget->setHeaderLabels(headers);//添加项目//父节点是_treeWidgetQTreeWidgetItem * grade1 = new QTreeWidgetItem(_treeWidget);grade1->setText(0,"Grade1");//父节点是grade1QTreeWidgetItem * student = new QTreeWidgetItem(grade1);student->setText(0,"Tom");student->setText(1,"1996");//父节点是grade1, 在student之后QTreeWidgetItem * student2 = new QTreeWidgetItem(grade1, student);student2->setText(0,"Zack");student2->setText(1,"1988");//父节点是_treeWidget, 在grade1之后QTreeWidgetItem * grade2 = new QTreeWidgetItem(_treeWidget,grade1);grade2->setText(0,"Grade2");QTreeWidgetItem * student3 = new QTreeWidgetItem(grade1, student2);student3->setText(0,"Will");student3->setText(1,"1989");_treeWidget->show();

我们创建了一个TreeWidget,创建TreeWidget要指明列数量,然后创建了头信息,接下来利用QTreeWidgetItem的构造函数创建了一些item,两个参数的构造函数,第一个参数是item的父节点,第二个参数是其兄弟节点。运行之后效果如下
https://cdn.llfc.club/1671680216876.jpg
我们可以根据item的父节点是否为空判断其是否为顶层节点,然后执行删除节点操作

    //删除student3,先获取其父节点auto *parent_student3 = student3->parent();//获取student3在其父节点下的indexauto index_student3 = parent_student3->indexOfChild(student3);//根据index删除student3delete parent_student3->takeChild(index_student3);//删除grade2auto * parent_grade2 = grade2->parent();//grade2为顶层节点,所以其父节点必为nullassert(parent_grade2 == nullptr);//通过treewidget获取grade2的indexauto index_grade2 = _treeWidget->indexOfTopLevelItem(grade2);delete _treeWidget->takeTopLevelItem(index_grade2);

创建QTableWidget

    //创建表格指定行号和列号_tableWidget =  new QTableWidget(3,2);//创建表格项目,将其插入到表格中QTableWidgetItem * tableWidgetItem = new QTableWidgetItem("qt");_tableWidget->setItem(1,1,tableWidgetItem);//创建表头QTableWidgetItem * headerV = new QTableWidgetItem("first");_tableWidget->setVerticalHeaderItem(0, headerV);QTableWidgetItem * headerH = new QTableWidgetItem("ID");_tableWidget->setHorizontalHeaderItem(0, headerH);_tableWidget->show();

运行效果
https://cdn.llfc.club/1671680542918.jpg

实现拖拽

有时我们需要实现拖拽操作, 我们可以在之前实现的listWidget设置一些拖拽属性。

    //设置list为单选模式listWidget->setSelectionMode(QAbstractItemView::SingleSelection);//启用拖动listWidget->setDragEnabled(true);//设置接受拖放listWidget->viewport()->setAcceptDrops(true);//设置显示将要放置的位置listWidget->setDropIndicatorShown(true);//设置拖放模式为移动项目,如果不设置,则为复制项目listWidget->setDragDropMode(QAbstractItemView::InternalMove);

源码链接

源码链接
https://gitee.com/secondtonone1/qt-learning-notes


http://www.mrgr.cn/news/93886.html

相关文章:

  • 『PostgreSQL』PGSQL备份与还原实操指南
  • 【测试框架篇】单元测试框架pytest(4):assert断言详解
  • 【Linux内核系列】:深入理解缓冲区
  • 《平面几何强化训练题集》第2章5到9题
  • [GHCTF 2025]SQL??? 【sqlite注入】
  • uniapp+Vue3 开发小程序的下载文件功能
  • 选择排序算法OpenMP并行优化
  • 从新手到专家:嵌入式代码空间优化技巧
  • 【组件安装】Rocky 8.10 安装Local License Server 25.03.0 for Linux
  • C/C++中使用CopyFile、CopyFileEx原理、用法、区别及分别在哪些场景使用
  • 从零构建逻辑回归: sklearn 与自定义实现对比
  • [数据结构]并查集--C++版本的实现代码
  • sparkTTS window 安装
  • 数据集构建与训练前准备
  • OpenHarmony5.0分布式系统源码实现分析—软总线
  • C++蓝桥杯皮亚诺曲线距离求解
  • Cline使用MCP-TypeScript版本
  • MCP-代码解读TypeScript版本
  • 尚硅谷TS快速入门笔记(个人笔记用)
  • 通义万相2.1技术深度解析