Qt QTreeWidget 詳解

一.常用API設定

1.添加頂層節點

//添加頂層節點
    QTreeWidgetItem *topItem1 = new QTreeWidgetItem(ui->treeWidget);
    topItem1->setText(0,"百度");
    ui->treeWidget->addTopLevelItem(topItem1);
           

2.設定表頭隐藏,展開所有項

//隐藏表頭
    ui->treeWidget->setHeaderHidden(true);
    //設定展開
    ui->treeWidget->expandAll();
           

3.頂層節點添加子節點

QTreeWidgetItem *item11 = new QTreeWidgetItem(topItem1);
    item11->setText(0,"研發部");
    QTreeWidgetItem *item12 = new QTreeWidgetItem(topItem1);
    item12->setText(0,"銷售部");
    QTreeWidgetItem *item13 = new QTreeWidgetItem(topItem1);
    item13->setText(0,"人事部");
           

4.節點可以帶一些資料,使用setData()這個接口

//設定資料,可以帶多種資料
    item11->setData(0,Qt::UserRole,100/*人員數量*/);
    item11->setData(0,Qt::UserRole+1,"李彥宏"/*負責人名字*/);

    //獲得資料
    item11->data(0,Qt::UserRole).toInt();
    item11->data(0,Qt::UserRole+1).toString();
           

5.節點可以設定自定義類型，設定圖示、flags、文本

//自定義枚舉
enum NodeType
{
    ROOT = 0,
    SON 
}；

QTreeWidgetItem *item = new QTreeWidgetItem(ROOT);
//item->setIcon();
//item->setText();
//item->setFlags();
           

二.設定帶checkBox

QTreeWidgetItem *topItem2 = new QTreeWidgetItem(ui->treeWidget);
    topItem2->setText(0,"騰訊");
    topItem2->setCheckState(0,Qt::Checked);
    ui->treeWidget->addTopLevelItem(topItem2);

    QTreeWidgetItem *item21 = new QTreeWidgetItem(topItem2);
    item21->setText(0,"研發部");
    item21->setCheckState(0,Qt::Checked);

    QTreeWidgetItem *item22 = new QTreeWidgetItem(topItem2);
    item22->setText(0,"銷售部");
    item22->setCheckState(0,Qt::Checked);

    QTreeWidgetItem *item23 = new QTreeWidgetItem(topItem2);
    item23->setText(0,"人事部");
    item23->setCheckState(0,Qt::Checked);
           

簡單的響應一下點選信号,當頂層節點選中,下面的所有子節點全選中

connect(ui->treeWidget,&QTreeWidget::itemClicked,this,
            &Form::slotClicked);

    void Form::slotClicked(QTreeWidgetItem *item, int column)
    {
        //簡單響應一下選中狀态槽函數
        for (int i=0; i<item->childCount(); i++)
        {
           QTreeWidgetItem *pChildItem = item->child(i);
           pChildItem->setCheckState(0,item->checkState(0));
        }
    }
           

三.右鍵菜單

//打開右鍵菜單屬性
    ui->treeWidget->setContextMenuPolicy(Qt::CustomContextMenu);

    //右鍵菜單
    m_menu = new QMenu(ui->treeWidget);
    m_menu->addAction("添加");
    m_menu->addAction("删除");

    //響應右鍵菜單信号槽
    connect(ui->treeWidget,&QTreeWidget::customContextMenuRequested,
            this,&Form::slotMenuPopup);
    
    void Form::slotMenuPopup(const QPoint &pos)
    {
        m_menu->exec(ui->treeWidget->mapToGlobal(pos));
    }
           

 四.設定qss

 這裡簡單設定一下背景色，展開/合并時的圖示，item的一些設定，僅供參考。

const QString styles = "QTreeView\
{\
    background-color: #5B677A;\
    font-size:17px;\
    color: white;\
}\
QTreeView::item:hover\
{\
    background: qlineargradient(x1: 0, y1: 0, x2: 0, y2: 1, stop: 0 #e7effd, stop: 1 #cbdaf1);\
    border: 1px solid #bfcde4;\
}\
QTreeView::item:hover\
{\
    background: rgb(69, 187, 217);\
}\
QTreeView::item:selected:active\
{\
    background: rgb(63, 147, 168);\
}\
QTreeView::item:selected:!active\
{\
    background: rgb(63, 147, 168);\
}\
QTreeView::branch\
{\
    background:#5B677A;\
}\
QTreeView::branch:has-children:!has-siblings:closed,QTreeView::branch:closed:has-children:has-siblings\
{\
    border-image: none;\
    background:#5B677A;\
    image: url(image/Folder-1.png);\
}\
QTreeView::branch:open:has-children:!has-siblings,QTreeView::branch:open:has-children:has-siblings\
{\
    border-image: none;\
    background:#5B677A;\
    image: url(image/Open-Folder.png);\
}";
           

調用ui->treeWidget->setStyleSheet(styles);就行了
           

五.運作效果

六.源碼

 https://download.csdn.net/download/wzz953200463/13152616

七.多列樹

#include "widget.h"
#include "ui_widget.h"
#include <QDebug>

const QString sstyle = "\
QHeaderView::section\
{\
    background-color: white;\
}";

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

    QStringList strList;
    strList<<"名稱"<<"年齡"<<"性别";
    ui->treeWidget->setHeaderLabels(strList);
    ui->treeWidget->header()->setStyleSheet(sstyle);

    QTreeWidgetItem *item1 = new QTreeWidgetItem(QStringList()<<"七年級");
    ui->treeWidget->addTopLevelItem(item1);

    QTreeWidgetItem *item11 = new QTreeWidgetItem(QStringList()<<"小漲"<<"13"<<"男");
    item1->addChild(item11);
    QTreeWidgetItem *item12 = new QTreeWidgetItem(QStringList()<<"小紅"<<"14"<<"女");
    item1->addChild(item12);
    QTreeWidgetItem *item13 = new QTreeWidgetItem(QStringList()<<"小麗"<<"13"<<"女");
    item1->addChild(item13);

    QTreeWidgetItem *item2 = new QTreeWidgetItem(QStringList()<<"八年級");
    ui->treeWidget->addTopLevelItem(item2);

    QTreeWidgetItem *item21 = new QTreeWidgetItem(QStringList()<<"小漲"<<"13"<<"男");
    item2->addChild(item21);
    QTreeWidgetItem *item22 = new QTreeWidgetItem(QStringList()<<"小紅"<<"14"<<"女");
    item2->addChild(item22);
    QTreeWidgetItem *item23 = new QTreeWidgetItem(QStringList()<<"小麗"<<"13"<<"女");
    item2->addChild(item23);

    QTreeWidgetItem *item3 = new QTreeWidgetItem(QStringList()<<"九年級");
    ui->treeWidget->addTopLevelItem(item3);

    QTreeWidgetItem *item31 = new QTreeWidgetItem(QStringList()<<"小漲"<<"13"<<"男");
    item3->addChild(item31);
    QTreeWidgetItem *item32 = new QTreeWidgetItem(QStringList()<<"小紅"<<"14"<<"女");
    item3->addChild(item32);
    QTreeWidgetItem *item33 = new QTreeWidgetItem(QStringList()<<"小麗"<<"13"<<"女");
    item3->addChild(item33);
}

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

void Widget::on_treeWidget_itemClicked(QTreeWidgetItem *item, int column)
{
    qDebug()<<item->text(0);
    qDebug()<<item->text(1);
    qDebug()<<item->text(2);
}