QT从入门到实战x篇_18_QTreeWidget控件(实现类似于树状结构的数据效果；具体使用方法；QStringList的使用方法)

原创

已于 2022-05-27 16:08:58 修改 · 1.1k 阅读

4 ·

CC 4.0 BY-SA版权

文章标签：

#qt #ui #开发语言

于 2022-05-27 16:07:51 首次发布

本文详细介绍如何使用QT中的QTreeWidget控件来构建树状数据展示界面，包括创建水平头部、顶层节点及子节点的具体步骤。

上篇QT从入门到实战x篇_17_QListWidget控件(List Widget列表是基于item的输出显示；可以实现单行或者多行内容的输出显示)介绍了QListWidget控件的使用方法。本篇主要介绍QTreeWidget控件的使用方法。

本篇将会利用QTreeWidget控件实现类似于“树”的数据显示界面。
在这里插入图片描述

1. 创建名为“06_TreeWidget”的widget程序

在 UI中拖入 “Tree Widget”控件，通过点击上方的 “垂直布局”可以实现控件占满整个 widget。

在这里插入图片描述

2. 创建水平的头

//设置水平的头
    ui->treeWidget->setHeaderLabels(QStringList()<<QString::fromLocal8Bit("英雄")<<QString::fromLocal8Bit("英雄简介"));

运行结果：
在这里插入图片描述

3. 创建和添加顶层节点

    QTreeWidgetItem* liItem=new QTreeWidgetItem(QStringList()<<QString::fromLocal8Bit("力量"));

    //加载顶层节点
    ui->treeWidget->addTopLevelItem(liItem);

运行结果：
在这里插入图片描述

4. 创建和添加子节点

    QStringList heroL1;
    heroL1<<QString::fromLocal8Bit("刚被猪") << QString::fromLocal8Bit("前排坦克，能在吸收伤害的同时造成可观的范围输出");
    QTreeWidgetItem* l1=new QTreeWidgetItem(heroL1);
    liItem->addChild(l1);

运行结果：
在这里插入图片描述
同理可以添加其他的顶层节点及子节点

5. 学习视频地址：QT从入门到实战x篇_18_QTreeWidget控件

整体代码如下：

#include "widget.h"
#include "ui_widget.h"

最低0.47元/天解锁文章