2024年最全Qt QTreeWidget树形控件用法详解_qt 树控件(1),如何化身BAT面试收割机

img
img
img

既有适合小白学习的零基础资料,也有适合3年以上经验的小伙伴深入学习提升的进阶课程,涵盖了95%以上Go语言开发知识点,真正体系化!

由于文件比较多,这里只是将部分目录截图出来,全套包含大厂面经、学习笔记、源码讲义、实战项目、大纲路线、讲解视频,并且后续会持续更新

如果你需要这些资料,可以戳这里获取

表 1 QTreeWidgetItem常用成员方法 成员方法 功 能

void QTreeWidgetItem::addChild(QTreeWidgetItem *child)为当前结点添加子结点。
void QTreeWidgetItem::addChildren(const QList<QTreeWidgetItem *> &children)一次性为当前结点添加多个子结点。
QTreeWidgetItem *QTreeWidgetItem::child(int index) const获得当前结点的第 index 个子结点。
int QTreeWidgetItem::childCount() const获得当前结点拥有的子结点数。
QTreeWidgetItem *QTreeWidgetItem::parent() const获得当前结点的父结点。
void QTreeWidgetItem::setCheckState(int column, Qt::CheckState state)设置当前结点第 column 列的复选框状态。
void QTreeWidgetItem::setIcon(int column, const QIcon &icon)设置当前结点第 column 列的 icon 图标。
void QTreeWidgetItem::setText(int column, const QString &text)设置当前结点第 column 列的文本。

关于表中这些成员方法的具体用法,本文后续会大家结合实例进行讲解。

QTreeWidget的实际应用

QTreeWidget 类提供了很多使用的成员方法,您可以借助 Qt Creator 打开 QTreeWidget 类的帮助手册查看。下表给大家罗列了常用的一些成员方法:

表 2 QTreeWidget常用成员方法 成员方法 功 能

void setColumnCount(int columns)设置每个结点的列数。
void setHeaderHidden(bool hide)设置控件的表头是否隐藏。
void QTreeWidget::addTopLevelItem(QTreeWidgetItem *item)在树形控件中添加顶层结点。
void QTreeWidget::setHeaderLabels(const QStringList &labels)自定义控件中所有列的表头的文本内容。
void QTreeWidget::setItemWidget(QTreeWidgetItem *item, int column, QWidget *widget)在 item 结点中第 column 列的位置添加一个 widget 控件。
void QTreeWidget::removeItemWidget(QTreeWidgetItem *item, int column)移除 item 结点第 column 列处的控件。
void QWidget::resize(int w, int h)设置整个控件的尺寸。

结合表 1 和表 2 罗列的这些成员方法,接下来给大家介绍一些实际场景中 QTreeWidget 控件的用法,它们都非常实用,每位读者都应该掌握。

1) 添加结点

向 QTreeWidget 控件中添加结点,具体可分为两种情况,一种是添加最顶层的结点,另一种是为某个结点添加子结点。

如图 1 所示,MyFirstQt 就是最顶层的结点,而 mainwindow.h 是 Headers 的子节点。

一个 QTreeWidget 控件可以同时包含多个顶层结点。添加顶层结点的方法有两种,分别是:

//1、调用相应的构造函数,直接将结点作为树形控件的顶层结点
QTreeWidgetItem topItem(&treeWidget);
//2、调用 QTreeWidget 类的 addTopLevelItem() 方法
QTreeWidgetItem topItem2;
treeWidget.addTopLevelItem(&topItem2);

第一种方法,我们向 treeWidget 树形控件中成功添加了 topItem 顶层结点;第二种方法,我们先创建了 topItem2 结点,然后借助 addTopLevelItem() 方法将其添加到 treeWidget 树形控件中,作为该控件的第二个顶层结点。

同样,为某个结点添加子结点的方法也有两种,分别是:

//1、调用相应的构造函数,直接指定新结点的父结点QTreeWidgetItem childItem(&item);//2、先创建一个新结点,调用 QTreeWidgetItem 类提供的 addChild() 方法,可以为某个结点添加子结点。QTreeWidgetItem childItem2;item2.addChild(&childItem2);

除此之外,还有其它添加结点的方法,例如使用QList<QTreeWidgetItem *> items一次性向树形控件中添加多个顶层结点或者子结点:

//1、调用相应的构造函数,直接指定新结点的父结点
QTreeWidgetItem childItem(&item);
//2、先创建一个新结点,调用 QTreeWidgetItem 类提供的 addChild() 方法,可以为某个结点添加子结点。
QTreeWidgetItem childItem2;
item2.addChild(&childItem2);

Qt 对 C++ STL 库中的容器进行了更好的封装,QList 容器就是其中之一。通过先将 item 和 item2 添加到 items 容器中,然后再将 items 传递给 treeWidget 对象的 addTopLevelItems() 方法,就可以将 items 容器中的所有结点添加到 treeWidget 控件中,作为该控件的顶层结点。

通过将装满结点的 QList 容器借助 QTreeWidgetItem 类提供的 addChildren() 方法,可以添加多个子结点。这里不再给出实例代码,感兴趣的读者可自行尝试实现。

2) 给结点添加图标

对于每个 QTreeWidgetItem 类的结点,除了可以放置文本信息外,还可以添加 icon 图标。

【实例一】

#include <QApplication>
#include <QWidget>
#include <QTreeWidget>
#include <QTreeWidgetItem>
int main(int argc, char *argv[])
{
    QApplication a(argc, argv);
    QWidget widget;
    widget.setWindowTitle("MyTreeWidget控件");
    QTreeWidget treeWidget(&widget);
    QTreeWidgetItem item;
    item.setText(0,"http://c.biancheng.net");
    item.setIcon(0,QIcon("D:\\favicon.ico"));
    treeWidget.addTopLevelItem(&item);
    widget.show();
    return a.exec();
}

假设 D 盘存储着一个名为 favicon.ico 的 icon 图标,程序执行结果为:

img
图 3 带 icon 的结点

3) 给结点添加复选框

所谓复选框,举个简单的例子,在【实例一】程序的第 14 行插入一行代码:

item.setCheckState(0,Qt::Unchecked);

再次执行程序,输出结果为:

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-J1IwSuDJ-1669280924200)(http://c.biancheng.net/uploads/allimg/211028/16394R2J-3.gif)]
图 4 带复选框的结点

对比图 3 和图 4 不难发现,之前放置 icon 的位置被一个方框占据了。这个方框是可以被选择的,而且当同时存在多个方框时,用户可以根据需要选择性地选中多个方框,这样的方框称为复选框。

默认情况下,QTreeWidgetItem 结点不显示复选框,通过调用 setCheckState() 方法,可以使结点自带的复选框显现出来。复选框的状态有 3 种,如下图所示:

img
图 5 复选框的 3 种状态

  • Qt::Unchecked:未选中状态,对应图 5 中的第一种情况;
  • Qt::Checked:选中状态,对应图 5 中的第二种情况;
  • Qt::PartiallyChecked:部分选中状态,对应图 5 中的第三种情况。

所谓部分选中状态,是指当该结点下包含多个带复选框的子节点时,如果用户只选中了其中一部分子结点,那么通常将该结点设置为部分选中状态。

4) 多列树形控件

上文给大家创建的 QTreeWidget 控件,都只包含一列。图 2~5 中,各个 QTreeWdiget 控件中都显示一个数字 1,就是因为控件中只包含 1 列,数字 1 就是这一列的表头。根据需要,QTreeWidget 控件中每一行可以存放多列结点。

【实例二】

#include <QApplication>
#include <QWidget>
#include <QTreeWidget>
#include <QTreeWidgetItem>
#include <QStringList>
int main(int argc, char *argv[])
{
    QApplication a(argc, argv);
    QWidget widget;
    widget.setWindowTitle("MyTreeWidget控件");
    widget.resize(600,300);
    QTreeWidget treeWidget(&widget);
    //设置列数
    treeWidget.setColumnCount(3);
    treeWidget.resize(600,300);
    //添加顶层结点
    QTreeWidgetItem topItem;
    topItem.setText(0,"教程");
    treeWidget.addTopLevelItem(&topItem);
    //添加子结点
    QStringList c;
    c << "C语言教程" << "http://c.biancheng.net/c/" <<"已完成";
    QTreeWidgetItem childItem1(&topItem,c);
    QStringList qt;
    qt << "Qt教程" << "http://c.biancheng.net/qt/" <<"未完成";
    QTreeWidgetItem childItem2(&topItem,qt);
    QStringList python;
    python << "Python教程" << "http://c.biancheng.net/python/" <<"已完成";
    QTreeWidgetItem childItem3(&topItem,python);
    widget.show();
    return a.exec();
}

程序运行结果为:

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-aZnX7nMm-1669280924203)(http://c.biancheng.net/uploads/allimg/211028/16394W519-5.png)]
图 6 多列树形控件

默认情况下,每一列的表头是当前列的列号。必要的时候,我们还可以指定每一列的表头。例如:

QStringList top;
top << "教程" << "网址" <<"完成状态";
treeWidget.setHeaderLabels(top);

由此,图 6 中各个列的表头就依次变成了“教程”、“网址”和“完成状态”。读者可以将上述 3 行代码添加到实例二第 16 行的位置,然后再次运行程序查看执行结果。

此外,QTreeWidget 控件默认会显示每一列的表头,通过调用从 QTreeView 父类继承过来的 setHeaderHidden() 方法,可以将表头隐藏起来。例如:

treeWidget.setHeaderHidden(true);

当参数值为 true 时,表示将表头隐藏起来,反之则表示不隐藏表头。

5) QTreeWidget中添加其它控件

QTreeWidgetItem 结点除了可以显示文本信息、icon图标、复选框等基本内容外,还可以容纳其它的一些的控件,例如输入框、按钮等。

QTreeWidget 类提供有 setItemWidget() 方法,可以将其它控件添加到指定列的结点中:

void QTreeWidget::setItemWidget(QTreeWidgetItem *item, int column, QWidget *widget)

item 表示容纳 widget 控件的结点,column 参数用于指定将 widget 添加到 item 第几列的位置上。

举个例子:

#include <QApplication>
#include <QWidget>
#include <QTreeWidget>
#include <QTreeWidgetItem>
#include <QStringList>
#include <QTableWidget>
int main(int argc, char *argv[])
{
    QApplication a(argc, argv);
    QWidget widget;
    widget.setWindowTitle("MyTreeWidget控件");
    widget.resize(600,300);
    QTreeWidget treeWidget(&widget);
    //设置列数
    treeWidget.resize(600,300);
    //添加顶层结点
    QTreeWidgetItem topItem;
    treeWidget.addTopLevelItem(&topItem);
    //创建表格控件
    QTableWidget TableWidget(4,3);
    //设置表格中每一行的内容
    TableWidget.setItem(0,0,new QTableWidgetItem("C语言教程"));
    TableWidget.setItem(0,1,new QTableWidgetItem("http://c.biancheng.net/c/"));
    TableWidget.setItem(0,2,new QTableWidgetItem("已更新完毕"));
    TableWidget.setItem(1,0,new QTableWidgetItem("Qt教程"));
    TableWidget.setItem(1,1,new QTableWidgetItem("http://c.biancheng.net/qt/"));
    TableWidget.setItem(1,2,new QTableWidgetItem("正在更新"));
    TableWidget.setItem(2,0,new QTableWidgetItem("C++教程"));
    TableWidget.setItem(2,1,new QTableWidgetItem("http://c.biancheng.net/cplus/"));
    TableWidget.setItem(2,2,new QTableWidgetItem("已更新完毕"));
    //将表格控件作为结点内容
    treeWidget.setItemWidget(&topItem,0,&TableWidget);
    widget.show();
    return a.exec();
}

程序运行结果为:

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-ybNvHW0S-1669280924204)(http://c.biancheng.net/uploads/allimg/211028/16394QO9-6.png)]
图 7 QTreeWidget添加其它控件

QTreeWidget信号和槽

QTreeWidget 控件提供了很多信号函数,可以捕捉用户的诸多动作,例如点击或双击了某个结点、某个结点被修改等等,如下罗列了几个常用的信号函数:

//用户单击某个结点时,会触发此信号函数


![img](https://img-blog.csdnimg.cn/img_convert/6f57b2654266fee3c5a7fe25b18882b7.png)
![img](https://img-blog.csdnimg.cn/img_convert/c7bdd6a7317285d7eb2d5ca2a618a11a.png)
![img](https://img-blog.csdnimg.cn/img_convert/1e7e700fcac4e53ac59712a3904492b1.png)

**既有适合小白学习的零基础资料,也有适合3年以上经验的小伙伴深入学习提升的进阶课程,涵盖了95%以上Go语言开发知识点,真正体系化!**

**由于文件比较多,这里只是将部分目录截图出来,全套包含大厂面经、学习笔记、源码讲义、实战项目、大纲路线、讲解视频,并且后续会持续更新**

**[如果你需要这些资料,可以戳这里获取](https://bbs.csdn.net/topics/618658159)**

,会触发此信号函数


[外链图片转存中...(img-iV9tdSQy-1715719299293)]
[外链图片转存中...(img-ElK5gMfl-1715719299294)]
[外链图片转存中...(img-d0Zzp2F6-1715719299294)]

**既有适合小白学习的零基础资料,也有适合3年以上经验的小伙伴深入学习提升的进阶课程,涵盖了95%以上Go语言开发知识点,真正体系化!**

**由于文件比较多,这里只是将部分目录截图出来,全套包含大厂面经、学习笔记、源码讲义、实战项目、大纲路线、讲解视频,并且后续会持续更新**

**[如果你需要这些资料,可以戳这里获取](https://bbs.csdn.net/topics/618658159)**

  • 25
    点赞
  • 32
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Qt是一种流行的跨平台C++应用程序框架,在GUI开发方面非常出色。Qt包含大量的控件,其中一个是树形控件QTreeView。这个控件允许用户显示带有树形视图的数据模型,它是QAbstractItemView的派生类之一。 QTreeView控件具有以下特点: 1. 显示数据模型 - QTreeView控件显示控件绑定的数据模型。用户可以打开和关闭节点以显示或隐藏子节点。 2. 的构建 - 的层次结构是通过节点之间的父子关系来定义的。最上面的节点称为根节点,其余的为子节点。 3. 定制化 - QTreeView控件可以被用户定制。用户可以通过设置控件的颜色、字体、大小和对齐方式等来将控件表现为自己想要的样子。 4. 功能强大 - QTreeView控件有很多内置的功能,包括可排序、可过滤、可编辑等等。它也允许用户通过自定义delegate,来实现额外的交互行为。 下面是一些使用QTreeView控件的示例: 1. 创建一个QTreeView控件QTreeView *treeView = new QTreeView(parent); 2. 设置它的数据模型: QStandardItemModel *model = new QStandardItemModel(parent); treeView->setModel(model); 3. 填充数据模型: QStandardItem *rootItem = model->invisibleRootItem(); QStandardItem *item1 = new QStandardItem("Item 1"); QStandardItem *item2 = new QStandardItem("Item 2"); rootItem->appendRow(item1); rootItem->appendRow(item2); 4. 显示控件treeView->show(); QTreeView控件是一个非常强大的控件,可以用于各种情况下。它可以轻松地显示大量的数据,并让用户轻松地翻阅它们。在GUI开发中,QTreeView控件是一个非常有用的控件

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值