C/C++ Qt TreeWidget 嵌套節(jié)點(diǎn)操作使用

更新時(shí)間：2021年11月28日 09:11:55 作者：lyshark

本文主要介紹了TreeWidget的如何使用，實(shí)現(xiàn)對(duì)樹形框多節(jié)點(diǎn)的各種操作，文中通過示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下

簡(jiǎn)單的節(jié)點(diǎn)遍歷
初始化樹形節(jié)點(diǎn)
單擊雙擊節(jié)點(diǎn)反饋
添加父節(jié)點(diǎn)/子節(jié)點(diǎn)
刪除選中節(jié)點(diǎn)
修改指定節(jié)點(diǎn)名稱
枚舉所有節(jié)點(diǎn)元素
枚舉選中節(jié)點(diǎn)元素
獲取選中子節(jié)點(diǎn)的父節(jié)點(diǎn)

在上一篇博文《C/C++ Qt TreeWidget 單層樹形組件應(yīng)用》中給大家演示了如何使用TreeWidget組件創(chuàng)建單層樹形結(jié)構(gòu)，并給這個(gè)樹形組件增加了右鍵菜單功能，接下來將繼續(xù)延申樹形組件的使用，并實(shí)現(xiàn)對(duì)樹形框多節(jié)點(diǎn)的各種操作。

常用樹形框節(jié)點(diǎn)間的操作方法如下:

節(jié)點(diǎn)遍歷
初始化節(jié)點(diǎn)
單擊雙擊節(jié)點(diǎn)
添加根節(jié)點(diǎn)
添加子節(jié)點(diǎn)
修改選中節(jié)點(diǎn)
刪除選中節(jié)點(diǎn)
枚舉全部節(jié)點(diǎn)
枚舉選中節(jié)點(diǎn)
獲取節(jié)點(diǎn)子節(jié)點(diǎn)

簡(jiǎn)單的節(jié)點(diǎn)遍歷

首先我們還是使用TreeView組件實(shí)現(xiàn)一個(gè)簡(jiǎn)單的多層嵌套樹結(jié)構(gòu)，代碼運(yùn)行后，首先循環(huán)設(shè)置3個(gè)外層節(jié)點(diǎn)，接著循環(huán)內(nèi)層節(jié)點(diǎn)，并將內(nèi)層中的QStandardItem追加到外層上面。

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

#include <QTreeView>
#include <QStandardItemModel>

// By: LyShark
// https://www.cnblogs.com/lyshark
MainWindow::MainWindow(QWidget *parent) :QMainWindow(parent),ui(new Ui::MainWindow)
{
    ui->setupUi(this);

    QStandardItemModel *tree = new QStandardItemModel(0,3,this);

    ui->treeView->setColumnWidth(0,50);      // 設(shè)置第1列長(zhǎng)度
    ui->treeView->setColumnWidth(1,200);     // 設(shè)置第2列長(zhǎng)度
    ui->treeView->setColumnWidth(2,200);     // 設(shè)置第3列長(zhǎng)度

    tree->setHeaderData(0, Qt::Horizontal, tr("序號(hào)"));
    tree->setHeaderData(1, Qt::Horizontal, tr("姓名"));
    tree->setHeaderData(2, Qt::Horizontal, tr("年齡"));

    ui->treeView->setModel(tree);

    for (int i = 0; i < 4; ++i)
    {
        // 設(shè)置3個(gè)外層節(jié)點(diǎn)
        QList<QStandardItem *> items;
        for (int i = 0; i < 3; ++i)
        {
            QStandardItem *item = new QStandardItem(QString("%0").arg(i));

            if (0 == i)
                item->setCheckable(true);

            items.push_back(item);
        }
        tree->appendRow(items);

        // 設(shè)置內(nèi)層
        for (int i = 0; i < 2; ++i)
        {
            QList<QStandardItem *> childItems;
            for (int i = 0; i < 3; ++i)
            {
             QStandardItem *item = new QStandardItem(QString("lyshark"));
             if (0 == i)
                 item->setCheckable(true);
             childItems.push_back(item);
            }
            items.at(0)->appendRow(childItems);
        }
    }
}

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

代碼運(yùn)行效果如下:

初始化樹形節(jié)點(diǎn)

首先在開始操作元素之前,我們可以在MainWindow::MainWindow中對(duì)樹形節(jié)點(diǎn)進(jìn)行簡(jiǎn)單的初始化,插入幾個(gè)測(cè)試節(jié)點(diǎn).

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

#include <iostream>
#include <QTreeWidgetItem>
#include <QString>

// By: LyShark
MainWindow::MainWindow(QWidget *parent): QMainWindow(parent), ui(new Ui::MainWindow)
{
    ui->setupUi(this);
    ui->treeWidget->clear();

    // 設(shè)置QTreeWidget的列數(shù)
    ui->treeWidget->setColumnCount(1);
    // 設(shè)置QTreeWidget標(biāo)題隱藏
    ui->treeWidget->setHeaderHidden(true);

    // 創(chuàng)建QTreeWidget的朋友節(jié)點(diǎn),父節(jié)點(diǎn)是tree
    QTreeWidgetItem *Friend = new QTreeWidgetItem(ui->treeWidget,QStringList(QString("朋友")));
    Friend->setIcon(0,QIcon(":/image/4.ico"));  // 添加一個(gè)圖標(biāo)
    Friend->setFlags(Qt::ItemIsSelectable | Qt::ItemIsUserCheckable
                     | Qt::ItemIsEnabled | Qt::ItemIsAutoTristate);
    Friend->setCheckState(0,Qt::Checked);

    // 給Friend添加一個(gè)子節(jié)點(diǎn)frd
    QTreeWidgetItem *frd = new QTreeWidgetItem(Friend);
    frd->setText(0,"www.lyshark.com");
    frd->setIcon(0,QIcon(tr(":/image/1.ico")));
    frd->setCheckState(0,Qt::Checked);               // 默認(rèn)選中狀態(tài)

    QTreeWidgetItem *frs = new QTreeWidgetItem(Friend);
    frs->setText(0,"cdn.lyshark.com");
    frs->setIcon(0,QIcon(tr(":/image/1.ico")));
    frs->setCheckState(0,Qt::Unchecked);            // 默認(rèn)未選中

    // ----------------------------------------------------------
    // 創(chuàng)建名叫同學(xué)節(jié)點(diǎn),父節(jié)點(diǎn)同樣是tree
    QTreeWidgetItem * ClassMate = new QTreeWidgetItem(ui->treeWidget,QStringList(QString("同學(xué)")));
    ClassMate->setIcon(0,QIcon(":/image/5.ico"));  // 添加一個(gè)圖標(biāo)
    ClassMate->setCheckState(0,Qt::Checked);       // 默認(rèn)選中

    //Fly是ClassMate的子節(jié)點(diǎn)
    QTreeWidgetItem *Fly = new QTreeWidgetItem(QStringList(QString("nas.lyshark.com")));
    Fly->setIcon(0,QIcon(tr(":/image/2.ico")));
    //創(chuàng)建子節(jié)點(diǎn)的另一種方法
    ClassMate->addChild(Fly);
    Fly->setCheckState(0,Qt::Checked);       // 設(shè)置為選中

    QTreeWidgetItem *Fls = new QTreeWidgetItem(QStringList(QString("lyshark.cnblogs.com")));
    Fls->setIcon(0,QIcon(tr(":/image/2.ico")));
    ClassMate->addChild(Fls);
    Fls->setCheckState(0,Qt::Checked);       // 設(shè)置為選中

    // ----------------------------------------------------------
    // 陌生人單獨(dú)一欄
    QTreeWidgetItem  *Strange = new QTreeWidgetItem(true);
    Strange->setText(0,"陌生人");
    Strange->setIcon(0,QIcon(":/image/6.ico"));  // 添加一個(gè)圖標(biāo)

    ui->treeWidget->addTopLevelItem(ClassMate);
    ui->treeWidget->addTopLevelItem(Strange);

    // 增加文本到編輯框
    ui->plainTextEdit->appendPlainText("hello lyshark");

    //展開QTreeWidget的所有節(jié)點(diǎn)
    //ui->treeWidget->expandAll();
    //ui->treeWidget->resize(271,401);
}

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

代碼運(yùn)行效果如下:

單擊雙擊節(jié)點(diǎn)反饋

當(dāng)我們將鼠標(biāo)停靠在指定節(jié)點(diǎn)內(nèi)并點(diǎn)擊時(shí),我們需要觸發(fā)treeWidget_itemDoubleClicked屬性讓其反饋該行標(biāo)題等基本屬性.

// 當(dāng)我們雙擊指定的成員時(shí)獲取到該成員的名字
void MainWindow::on_treeWidget_itemDoubleClicked(QTreeWidgetItem *item, int column)
{
    QString str = item->text(column);
    std::cout << str.toStdString().data() << std::endl;
    ui->plainTextEdit->appendPlainText(str.toStdString().data());
}

// 當(dāng)我們單擊指定成員時(shí)獲取數(shù)據(jù)
void MainWindow::on_treeWidget_itemClicked(QTreeWidgetItem *item, int column)
{
    QString str = item->text(column);
    std::cout << str.toStdString().data() << std::endl;
    ui->plainTextEdit->appendPlainText(str.toStdString().data());
}

代碼運(yùn)行效果如下:

添加父節(jié)點(diǎn)/子節(jié)點(diǎn)

通過代碼的方式當(dāng)點(diǎn)擊on_pushButton_clicked時(shí)分別實(shí)現(xiàn)增加一個(gè)父節(jié)點(diǎn)和一個(gè)子節(jié)點(diǎn)的功能。

// 單擊按鈕添加新的父節(jié)點(diǎn)
void MainWindow::on_pushButton_clicked()
{
    QString NodeText = "新的父節(jié)點(diǎn)";
    QTreeWidgetItem  *item = new QTreeWidgetItem(true);
    item->setText(0,NodeText);
    item->setIcon(0,QIcon(":/image/7.ico"));
    ui->treeWidget->addTopLevelItem(item);
}

// 單擊按鈕添加子節(jié)點(diǎn)
void MainWindow::on_pushButton_4_clicked()
{
    QTreeWidgetItem * item= ui->treeWidget->currentItem();
        if(item!=NULL)
            AddTreeNode(item,"新子節(jié)點(diǎn)","新子節(jié)點(diǎn)");
        else
            AddTreeRoot("新子節(jié)點(diǎn)","新子節(jié)點(diǎn)");
}

代碼運(yùn)行效果如下:

刪除選中節(jié)點(diǎn)

首先選中要?jiǎng)h除的指定節(jié)點(diǎn)，然后可以對(duì)該節(jié)點(diǎn)進(jìn)行刪除操作，刪除子節(jié)點(diǎn)直接移除即可，刪除父節(jié)點(diǎn)需要連同內(nèi)部子節(jié)點(diǎn)一并刪掉。

// 刪除選中的節(jié)點(diǎn)
void MainWindow::on_pushButton_3_clicked()
{
    QTreeWidgetItem *currentItem = ui->treeWidget->currentItem();
    if(currentItem == NULL)
        return;

    // 如果沒有父節(jié)點(diǎn)則直接刪除
    if(currentItem->parent() == NULL)
    {
        delete ui->treeWidget->takeTopLevelItem(ui->treeWidget->currentIndex().row());
        std::cout << ui->treeWidget->currentIndex().row() << std::endl;
    }
    else
    {
        // 如果有父節(jié)點(diǎn)就要用父節(jié)點(diǎn)的takeChild刪除節(jié)點(diǎn)
        delete currentItem->parent()->takeChild(ui->treeWidget->currentIndex().row());
    }
}

代碼運(yùn)行效果如下:

修改指定節(jié)點(diǎn)名稱

單擊后將指定節(jié)點(diǎn)修改為Modify并將圖標(biāo)設(shè)置為新的

// 修改節(jié)點(diǎn)
// By: LyShark
void MainWindow::on_pushButton_2_clicked()
{
    // 得到當(dāng)前節(jié)點(diǎn)
    QTreeWidgetItem *currentItem = ui->treeWidget->currentItem();
    if(currentItem == NULL)
        return;
    // 修改選中項(xiàng)
    for(int x=0;x<currentItem->columnCount();x++)
    {
        currentItem->setText(x,tr("Modify") + QString::number(x));
        currentItem->setIcon(x,QIcon(":/image/1.ico"));
    }
}

代碼運(yùn)行效果如下:

枚舉所有節(jié)點(diǎn)元素

枚舉當(dāng)前Tree中的所有節(jié)點(diǎn)元素，并將結(jié)果輸出到右側(cè)編輯框內(nèi)。

// 枚舉所有節(jié)點(diǎn)
// By: LyShark
// 枚舉所有節(jié)點(diǎn)
void MainWindow::on_pushButton_5_clicked()
{
    // 獲取到全部的根節(jié)點(diǎn)數(shù)量
    int size = ui->treeWidget->topLevelItemCount();
    QTreeWidgetItem *child;
    for(int x=0;x<size;x++)
    {
        // 輸出所有父節(jié)點(diǎn)
        child = ui->treeWidget->topLevelItem(x);
        std::cout << "all root = "<< child->text(0).toStdString().data() << std::endl;
        ui->plainTextEdit->appendPlainText(child->text(0).toStdString().data());

        // 得到所有子節(jié)點(diǎn)計(jì)數(shù)
        int childCount = child->childCount();
        // std::cout << "all child count = " << childCount << std::endl;

        // 輸出根節(jié)點(diǎn)下面的子節(jié)點(diǎn)
        for(int y=0;y<childCount;++y)
        {
            QTreeWidgetItem *grandson = child->child(y);
            std::cout << "--> sub child = "<< grandson->text(0).toStdString().data() << std::endl;
            ui->plainTextEdit->appendPlainText(grandson->text(0).toStdString().data());
        }
    }
}

代碼運(yùn)行效果如下:

枚舉選中節(jié)點(diǎn)元素

枚舉當(dāng)前Tree中選中節(jié)點(diǎn)的元素，并將結(jié)果輸出到右側(cè)編輯框內(nèi)。

// 枚舉所有的 【選中】節(jié)點(diǎn)
void MainWindow::on_pushButton_7_clicked()
{
    // 獲取到全部的根節(jié)點(diǎn)數(shù)量
    int size = ui->treeWidget->topLevelItemCount();
    QTreeWidgetItem *child;
    for(int x=0;x<size;x++)
    {
        // 輸出所有父節(jié)點(diǎn)
        child = ui->treeWidget->topLevelItem(x);

        // 得到所有子節(jié)點(diǎn)計(jì)數(shù)
        int childCount = child->childCount();

        // 輸出根節(jié)點(diǎn)下面的子節(jié)點(diǎn)
        for(int y=0;y<childCount;++y)
        {
            QTreeWidgetItem *grandson = child->child(y);
            // 判斷是否選中,如果選中輸出父節(jié)點(diǎn)與子節(jié)點(diǎn)
            if(Qt::Checked == grandson->checkState(0))
            {
                std::cout << "root -> " << child->text(0).toStdString().data()
                          << "--> sub child = "<< grandson->text(0).toStdString().data() << std::endl;

                ui->plainTextEdit->appendPlainText(grandson->text(0).toStdString().data());
            }
        }
    }
}

代碼運(yùn)行效果如下:

獲取選中子節(jié)點(diǎn)的父節(jié)點(diǎn)

獲取子節(jié)點(diǎn)的父節(jié)點(diǎn)ID,然后根據(jù)ID得到子節(jié)點(diǎn)名字。

void MainWindow::on_pushButton_6_clicked()
{
    // 取所有的父節(jié)點(diǎn)
    QTreeWidgetItem *currentItem = ui->treeWidget->currentItem()->parent();
    int root_count = ui->treeWidget->indexOfTopLevelItem(currentItem);
    std::cout << "root Count = " <<  root_count << std::endl;
    if(root_count != -1)
    {
        // 指定序號(hào)對(duì)應(yīng)的父節(jié)點(diǎn)名字
        QTreeWidgetItem *child;

        child = ui->treeWidget->topLevelItem(root_count);
        std::cout << "root name= "<< child->text(0).toStdString().data() << std::endl;
        
        ui->plainTextEdit->appendPlainText(child->text(0).toStdString().data());
    }
}

代碼運(yùn)行效果如下:

補(bǔ)充一下節(jié)點(diǎn)插入函數(shù)的定義,AddTreeRoot/AddTreeNode兩個(gè)函數(shù)定義如下所示.

// mainwindow.h 中增加頭部聲明
    QTreeWidgetItem * AddTreeRoot(QString name,QString desc);
    QTreeWidgetItem * AddTreeNode(QTreeWidgetItem *parent,QString name,QString desc);

// mainwindow.cpp 中增加實(shí)現(xiàn)部分
QTreeWidgetItem * MainWindow::AddTreeRoot(QString name,QString desc)
{
    QTreeWidgetItem * item=new QTreeWidgetItem(QStringList()<<name<<desc);
    ui->treeWidget->addTopLevelItem(item);
    return item;
}
QTreeWidgetItem * MainWindow::AddTreeNode(QTreeWidgetItem *parent,QString name,QString desc)
{
    QTreeWidgetItem * item=new QTreeWidgetItem(QStringList()<<name<<desc);
    parent->addChild(item);
    return item;
}

到此這篇關(guān)于C/C++ Qt TreeWidget 嵌套節(jié)點(diǎn)操作使用的文章就介紹到這了,更多相關(guān)Qt TreeWidget 嵌套節(jié)點(diǎn)內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！

您可能感興趣的文章: