在上一篇博文《C/C++ Qt TreeWidget 單層樹形組件應(yīng)用》
中給大家演示了如何使用TreeWidget
組件創(chuàng)建單層樹形結(jié)構(gòu),并給這個樹形組件增加了右鍵菜單功能,接下來將繼續(xù)延申樹形組件的使用,并實現(xiàn)對樹形框多節(jié)點的各種操作,如下筆記是本人在開發(fā)中經(jīng)常用到的一些基本操作技巧。
為阿克蘇等地區(qū)用戶提供了全套網(wǎng)頁設(shè)計制作服務(wù),及阿克蘇網(wǎng)站建設(shè)行業(yè)解決方案。主營業(yè)務(wù)為網(wǎng)站制作、成都網(wǎng)站設(shè)計、阿克蘇網(wǎng)站設(shè)計,以傳統(tǒng)方式定制建設(shè)網(wǎng)站,并提供域名空間備案等一條龍服務(wù),秉承以專業(yè)、用心的態(tài)度為用戶提供真誠的服務(wù)。我們深信只要達到每一位用戶的要求,就會得到認可,從而選擇與我們長期合作。這樣,我們也可以走得更遠!
常用樹形框節(jié)點間的操作方法如下:
簡單的節(jié)點遍歷: 首先我們還是使用TreeView
組件實現(xiàn)一個簡單的多層嵌套樹結(jié)構(gòu),代碼運行后,首先循環(huán)設(shè)置3個外層節(jié)點,接著循環(huán)內(nèi)層節(jié)點,并將內(nèi)層中的QStandardItem
追加到外層上面。
#include "mainwindow.h"
#include "ui_mainwindow.h"
#include
#include
// 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列長度
ui->treeView->setColumnWidth(1,200); // 設(shè)置第2列長度
ui->treeView->setColumnWidth(2,200); // 設(shè)置第3列長度
tree->setHeaderData(0, Qt::Horizontal, tr("序號"));
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個外層節(jié)點
QList 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 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;
}
代碼運行效果如下:
初始化樹形節(jié)點: 首先在開始操作元素之前,我們可以在MainWindow::MainWindow
中對樹形節(jié)點進行簡單的初始化,插入幾個測試節(jié)點.
#include "mainwindow.h"
#include "ui_mainwindow.h"
#include
#include
#include
// By: LyShark
// https://www.cnblogs.com/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標題隱藏
ui->treeWidget->setHeaderHidden(true);
// 創(chuàng)建QTreeWidget的朋友節(jié)點,父節(jié)點是tree
QTreeWidgetItem *Friend = new QTreeWidgetItem(ui->treeWidget,QStringList(QString("朋友")));
Friend->setIcon(0,QIcon(":/image/4.ico")); // 添加一個圖標
Friend->setFlags(Qt::ItemIsSelectable | Qt::ItemIsUserCheckable
| Qt::ItemIsEnabled | Qt::ItemIsAutoTristate);
Friend->setCheckState(0,Qt::Checked);
// 給Friend添加一個子節(jié)點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); // 默認選中狀態(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); // 默認未選中
// ----------------------------------------------------------
// 創(chuàng)建名叫同學(xué)節(jié)點,父節(jié)點同樣是tree
QTreeWidgetItem * ClassMate = new QTreeWidgetItem(ui->treeWidget,QStringList(QString("同學(xué)")));
ClassMate->setIcon(0,QIcon(":/image/5.ico")); // 添加一個圖標
ClassMate->setCheckState(0,Qt::Checked); // 默認選中
//Fly是ClassMate的子節(jié)點
QTreeWidgetItem *Fly = new QTreeWidgetItem(QStringList(QString("nas.lyshark.com")));
Fly->setIcon(0,QIcon(tr(":/image/2.ico")));
//創(chuàng)建子節(jié)點的另一種方法
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è)置為選中
// ----------------------------------------------------------
// 陌生人單獨一欄
QTreeWidgetItem *Strange = new QTreeWidgetItem(true);
Strange->setText(0,"陌生人");
Strange->setIcon(0,QIcon(":/image/6.ico")); // 添加一個圖標
ui->treeWidget->addTopLevelItem(ClassMate);
ui->treeWidget->addTopLevelItem(Strange);
// 增加文本到編輯框
ui->plainTextEdit->appendPlainText("hello lyshark");
//展開QTreeWidget的所有節(jié)點
//ui->treeWidget->expandAll();
//ui->treeWidget->resize(271,401);
}
MainWindow::~MainWindow()
{
delete ui;
}
代碼運行效果如下:
單擊雙擊節(jié)點反饋: 當我們將鼠標??吭谥付ü?jié)點內(nèi)并點擊時,我們需要觸發(fā)treeWidget_itemDoubleClicked
屬性讓其反饋該行標題等基本屬性.
// 當我們雙擊指定的成員時獲取到該成員的名字
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());
}
// 當我們單擊指定成員時獲取數(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());
}
代碼運行效果如下:
添加 父節(jié)點/子節(jié)點: 通過代碼的方式當點擊on_pushButton_clicked
時分別實現(xiàn)增加一個父節(jié)點和一個子節(jié)點的功能。
// 單擊按鈕添加新的父節(jié)點
void MainWindow::on_pushButton_clicked()
{
QString NodeText = "新的父節(jié)點";
QTreeWidgetItem *item = new QTreeWidgetItem(true);
item->setText(0,NodeText);
item->setIcon(0,QIcon(":/image/7.ico"));
ui->treeWidget->addTopLevelItem(item);
}
// 單擊按鈕添加子節(jié)點
void MainWindow::on_pushButton_4_clicked()
{
QTreeWidgetItem * item= ui->treeWidget->currentItem();
if(item!=NULL)
AddTreeNode(item,"新子節(jié)點","新子節(jié)點");
else
AddTreeRoot("新子節(jié)點","新子節(jié)點");
}
代碼運行效果如下:
刪除選中節(jié)點: 首先選中要刪除的指定節(jié)點,然后可以對該節(jié)點進行刪除操作,刪除子節(jié)點直接移除即可,刪除父節(jié)點需要連同內(nèi)部子節(jié)點一并刪掉。
// 刪除選中的節(jié)點
void MainWindow::on_pushButton_3_clicked()
{
QTreeWidgetItem *currentItem = ui->treeWidget->currentItem();
if(currentItem == NULL)
return;
// 如果沒有父節(jié)點則直接刪除
if(currentItem->parent() == NULL)
{
delete ui->treeWidget->takeTopLevelItem(ui->treeWidget->currentIndex().row());
std::cout << ui->treeWidget->currentIndex().row() << std::endl;
}
else
{
// 如果有父節(jié)點就要用父節(jié)點的takeChild刪除節(jié)點
delete currentItem->parent()->takeChild(ui->treeWidget->currentIndex().row());
}
}
代碼運行效果如下:
修改指定節(jié)點名稱: 單擊后將指定節(jié)點修改為Modify并將圖標設(shè)置為新的
// 修改節(jié)點
// By: LyShark
// https://www.cnblogs.com/lyshark
void MainWindow::on_pushButton_2_clicked()
{
// 得到當前節(jié)點
QTreeWidgetItem *currentItem = ui->treeWidget->currentItem();
if(currentItem == NULL)
return;
// 修改選中項
for(int x=0;xcolumnCount();x++)
{
currentItem->setText(x,tr("Modify") + QString::number(x));
currentItem->setIcon(x,QIcon(":/image/1.ico"));
}
}
代碼運行效果如下:
枚舉所有節(jié)點元素: 枚舉當前Tree中的所有節(jié)點元素,并將結(jié)果輸出到右側(cè)編輯框內(nèi)。
// 枚舉所有節(jié)點
// By: LyShark
// https://www.cnblogs.com/lyshark
// 枚舉所有節(jié)點
void MainWindow::on_pushButton_5_clicked()
{
// 獲取到全部的根節(jié)點數(shù)量
int size = ui->treeWidget->topLevelItemCount();
QTreeWidgetItem *child;
for(int x=0;xtreeWidget->topLevelItem(x);
std::cout << "all root = "<< child->text(0).toStdString().data() << std::endl;
ui->plainTextEdit->appendPlainText(child->text(0).toStdString().data());
// 得到所有子節(jié)點計數(shù)
int childCount = child->childCount();
// std::cout << "all child count = " << childCount << std::endl;
// 輸出根節(jié)點下面的子節(jié)點
for(int y=0;ychild(y);
std::cout << "--> sub child = "<< grandson->text(0).toStdString().data() << std::endl;
ui->plainTextEdit->appendPlainText(grandson->text(0).toStdString().data());
}
}
}
代碼運行效果如下:
枚舉選中節(jié)點元素: 枚舉當前Tree中選中節(jié)點的元素,并將結(jié)果輸出到右側(cè)編輯框內(nèi)。
// 枚舉所有的 【選中】節(jié)點
// https://www.cnblogs.com/lyshark
void MainWindow::on_pushButton_7_clicked()
{
// 獲取到全部的根節(jié)點數(shù)量
int size = ui->treeWidget->topLevelItemCount();
QTreeWidgetItem *child;
for(int x=0;xtreeWidget->topLevelItem(x);
// 得到所有子節(jié)點計數(shù)
int childCount = child->childCount();
// 輸出根節(jié)點下面的子節(jié)點
for(int y=0;ychild(y);
// 判斷是否選中,如果選中輸出父節(jié)點與子節(jié)點
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());
}
}
}
}
代碼運行效果如下:
獲取選中子節(jié)點的父節(jié)點: 獲取子節(jié)點的父節(jié)點ID,然后根據(jù)ID得到子節(jié)點名字。
void MainWindow::on_pushButton_6_clicked()
{
// 取所有的父節(jié)點
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)
{
// 指定序號對應(yīng)的父節(jié)點名字
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());
}
}
代碼運行效果如下:
補充一下節(jié)點插入函數(shù)的定義,AddTreeRoot/AddTreeNode
兩個函數(shù)定義如下所示.
// mainwindow.h 中增加頭部聲明
QTreeWidgetItem * AddTreeRoot(QString name,QString desc);
QTreeWidgetItem * AddTreeNode(QTreeWidgetItem *parent,QString name,QString desc);
// mainwindow.cpp 中增加實現(xiàn)部分
QTreeWidgetItem * MainWindow::AddTreeRoot(QString name,QString desc)
{
QTreeWidgetItem * item=new QTreeWidgetItem(QStringList()<treeWidget->addTopLevelItem(item);
return item;
}
QTreeWidgetItem * MainWindow::AddTreeNode(QTreeWidgetItem *parent,QString name,QString desc)
{
QTreeWidgetItem * item=new QTreeWidgetItem(QStringList()<addChild(item);
return item;
}