TreeWidget 目錄樹組件,該組件適用于創(chuàng)建和管理目錄樹結(jié)構(gòu),在開發(fā)中我們經(jīng)常會把它當(dāng)作一個升級版的ListView
組件使用,因為ListView
每次只能顯示一列數(shù)據(jù)集,而使用TableWidget
組件顯示多列顯得不夠美觀,此時使用Tree組件顯示單層結(jié)構(gòu)是最理想的方式,本章博文將通過TreeWidget
實現(xiàn)多字段顯示,并增加一個自定義菜單,通過在指定記錄上右鍵可彈出該菜單并對指定記錄進(jìn)行操作。
創(chuàng)新互聯(lián)建站專注于千山企業(yè)網(wǎng)站建設(shè),響應(yīng)式網(wǎng)站開發(fā),成都做商城網(wǎng)站。千山網(wǎng)站建設(shè)公司,為千山等地區(qū)提供建站服務(wù)。全流程按需定制制作,專業(yè)設(shè)計,全程項目跟蹤,創(chuàng)新互聯(lián)建站專業(yè)和態(tài)度為您提供的服務(wù)
1.通過TreeView
組件實現(xiàn)一個只讀屬性的樹形目錄,該目錄中指定三個字段,分別用來表示ID,IP地址,用戶名
字段.
初始化Tree組件
#include
#include
#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);
// 設(shè)置treeView屬性
ui->treeView->setColumnWidth(0,300); // 設(shè)置最后一列寬度自適應(yīng)
ui->treeView->setIndentation(1); // 設(shè)置表頭縮進(jìn)為1
ui->treeView->setEditTriggers(QAbstractItemView::NoEditTriggers); // 節(jié)點(diǎn)不可編輯
// 設(shè)置列頭長度
ui->treeView->setColumnWidth(0,50); // 設(shè)置第1列長度
ui->treeView->setColumnWidth(1,200); // 設(shè)置第2列長度
ui->treeView->setColumnWidth(2,200); // 設(shè)置第3列長度
// 設(shè)置列頭數(shù)據(jù)
tree->setHeaderData(0, Qt::Horizontal, tr("ID"));
tree->setHeaderData(1, Qt::Horizontal, tr("IP地址"));
tree->setHeaderData(2, Qt::Horizontal, tr("用戶"));
ui->treeView->setModel(tree); // 將表頭設(shè)置到模型
// 設(shè)置表中元素
QList ptr;
QStandardItem *item_uid = new QStandardItem("1001");
item_uid->setIcon(QIcon(":/image/1.ico"));
ptr.push_back(item_uid);
QStandardItem *item_addr = new QStandardItem("192.168.1.1");
ptr.push_back(item_addr);
QStandardItem *item_username = new QStandardItem("lyshark");
ptr.push_back(item_username);
tree->appendRow(ptr);
}
代碼運(yùn)行后,如下所示:
2.使用TreeWidget
組件,自己定義一個菜單,并將該菜單綁定到Tree組件內(nèi),具體實現(xiàn)代碼如下。
#include "mainwindow.h"
#include "ui_mainwindow.h"
MainWindow::MainWindow(QWidget *parent): QMainWindow(parent), ui(new Ui::MainWindow)
{
ui->setupUi(this);
// 在MainWindow中使用右擊菜單需要添加此項
ui->treeWidget->setContextMenuPolicy(Qt::CustomContextMenu);
// 創(chuàng)建基礎(chǔ)頂部菜單
QMenuBar *bar = menuBar();
this->setMenuBar(bar);
QMenu * fileMenu = bar->addMenu("菜單1");
// 實現(xiàn)只隱藏菜單1其他的不受影響
fileMenu->menuAction()->setVisible(false);
// 添加子菜單
GetColumnAction = fileMenu->addAction("獲取列號");
GetRowDataAction = fileMenu->addAction("獲取本行數(shù)據(jù)");
GetLineAction = fileMenu->addAction("獲取行號");
// 分別設(shè)置圖標(biāo)
GetColumnAction->setIcon(QIcon(":/image/1.ico"));
GetRowDataAction->setIcon(QIcon(":/image/2.ico"));
GetLineAction->setIcon(QIcon(":/image/3.ico"));
// 為子菜單綁定熱鍵
GetColumnAction->setShortcut(Qt::CTRL | Qt::Key_A);
GetRowDataAction->setShortcut(Qt::SHIFT | Qt::Key_S);
GetLineAction->setShortcut(Qt::CTRL | Qt::SHIFT | Qt::Key_B);
// 綁定槽函數(shù): 獲取選中列
connect(GetColumnAction,&QAction::triggered,this,[=](){
int col = ui->treeWidget->currentColumn();
std::cout << col << std::endl;
});
// 綁定槽函數(shù): 獲取選中的第0行的數(shù)據(jù)內(nèi)容
connect(GetRowDataAction,&QAction::triggered,this,[=](){
QString msg = ui->treeWidget->currentItem()->text(0);
std::cout << msg.toStdString().data() << std::endl;
});
// 綁定槽函數(shù): 獲取當(dāng)前選中的索引值
connect(GetLineAction,&QAction::triggered,this,[=](){
int row = ui->treeWidget->currentIndex().row();
std::cout << row << std::endl;
});
// 設(shè)置treeWidget屬性
ui->treeWidget->setColumnCount(4); // 設(shè)置總列數(shù)
ui->treeWidget->setColumnWidth(0,300); // 設(shè)置最后一列寬度自適應(yīng)
ui->treeWidget->setIndentation(1); // 設(shè)置表頭縮進(jìn)為1
// 設(shè)置表頭數(shù)據(jù)
QStringList headers;
headers.append("文件名");
headers.append("更新時間");
headers.append("文件類型");
headers.append("文件大小");
ui->treeWidget->setHeaderLabels(headers);
// 模擬插入數(shù)據(jù)到表中
for(int x=0;x<100;x++)
{
QTreeWidgetItem* item=new QTreeWidgetItem();
item->setText(0,"");
item->setIcon(0,QIcon(":/image/1.ico"));
item->setText(1,"2020-12-11");
item->setText(2,"*.pdf");
item->setText(3,"102MB");
item->setIcon(3,QIcon(":/image/2.ico"));
ui->treeWidget->addTopLevelItem(item);
}
}
MainWindow::~MainWindow()
{
delete ui;
}
// 當(dāng)treeWidget中的右鍵被點(diǎn)擊時則觸發(fā)
// By: LyShark
// https://www.cnblogs.com/lyshark
void MainWindow::on_treeWidget_customContextMenuRequested(const QPoint &pos)
{
std::cout << "x pos = "<< pos.x() << "y pos = " << pos.y() << std::endl;
Q_UNUSED(pos);
// 新建Menu菜單
QMenu *ptr = new QMenu(this);
// 添加Actions創(chuàng)建菜單項
ptr->addAction(GetColumnAction);
ptr->addAction(GetLineAction);
// 添加一個分割線
ptr->addSeparator();
ptr->addAction(GetRowDataAction);
// 在鼠標(biāo)光標(biāo)位置顯示右鍵快捷菜單
ptr->exec(QCursor::pos());
// 手工創(chuàng)建的指針必須手工刪除
delete ptr;
}
最終我們實現(xiàn)的效果如下所示。