快捷導(dǎo)航

C/C++?Qt?TreeWidget?單層樹形組件應(yīng)用小結(jié)

更新時(shí)間：2021年11月27日 08:35:02 作者：lyshark

TreeWidget?目錄樹組件，該組件適用于創(chuàng)建和管理目錄樹結(jié)構(gòu)，在開發(fā)中我們經(jīng)常會(huì)把它當(dāng)作一個(gè)升級(jí)版的ListView組件使用，本文將通過TreeWidget實(shí)現(xiàn)多字段顯示，并增加一個(gè)自定義菜單，通過在指定記錄上右鍵可彈出該菜單并對(duì)指定記錄進(jìn)行操作

TreeWidget 目錄樹組件，該組件適用于創(chuàng)建和管理目錄樹結(jié)構(gòu)，在開發(fā)中我們經(jīng)常會(huì)把它當(dāng)作一個(gè)升級(jí)版的ListView組件使用，因?yàn)?code>ListView每次只能顯示一列數(shù)據(jù)集，而使用TableWidget組件顯示多列顯得不夠美觀，此時(shí)使用Tree組件顯示單層結(jié)構(gòu)是最理想的方式，本章博文將通過TreeWidget實(shí)現(xiàn)多字段顯示，并增加一個(gè)自定義菜單，通過在指定記錄上右鍵可彈出該菜單并對(duì)指定記錄進(jìn)行操作。

1.通過TreeView組件實(shí)現(xiàn)一個(gè)只讀屬性的樹形目錄，該目錄中指定三個(gè)字段，分別用來表示ID,IP地址,用戶名字段.

初始化Tree組件

1.初始化并設(shè)置treeView屬性
2.設(shè)置列頭長(zhǎng)度
3.設(shè)置列頭數(shù)據(jù)
4.設(shè)置表中元素

#include <QSplitter>
#include <QTreeView>
#include <QTextCodec>
#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);

    // 設(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è)置列頭長(zhǎng)度
    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)度

    // 設(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<QStandardItem *> 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組件，自己定義一個(gè)菜單，并將該菜單綁定到Tree組件內(nèi)，具體實(shí)現(xiàn)代碼如下。

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

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

    // 在MainWindow中使用右擊菜單需要添加此項(xiàng)
    ui->treeWidget->setContextMenuPolicy(Qt::CustomContextMenu);

    // 創(chuàng)建基礎(chǔ)頂部菜單
    QMenuBar *bar = menuBar();
    this->setMenuBar(bar);
    QMenu * fileMenu = bar->addMenu("菜單1");

    // 實(shí)現(xiàn)只隱藏菜單1其他的不受影響
    fileMenu->menuAction()->setVisible(false);

    // 添加子菜單
    GetColumnAction = fileMenu->addAction("獲取列號(hào)");
    GetRowDataAction = fileMenu->addAction("獲取本行數(shù)據(jù)");
    GetLineAction = fileMenu->addAction("獲取行號(hào)");

    // 分別設(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è)置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("更新時(shí)間");
    headers.append("文件類型");
    headers.append("文件大小");
    ui->treeWidget->setHeaderLabels(headers);

    // 模擬插入數(shù)據(jù)到表中
    for(int x=0;x<100;x++)
    {
        QTreeWidgetItem* item=new QTreeWidgetItem();
        item->setText(0,"<lyshark.com>");
        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)擊時(shí)則觸發(fā)
// By: LyShark
// https://www.cnblogs.com/lyshark
void MainWindow::on_treeWidget_customContextMenuRequested(const QPoint &pos)
{
    Q_UNUSED(pos);

    // 新建Menu菜單
    QMenu *ptr = new QMenu(this);

    // 添加Actions創(chuàng)建菜單項(xiàng)
    ptr->addAction(GetColumnAction);
    ptr->addAction(GetLineAction);

    // 添加一個(gè)分割線
    ptr->addSeparator();
    ptr->addAction(GetRowDataAction);

    // 在鼠標(biāo)光標(biāo)位置顯示右鍵快捷菜單
    ptr->exec(QCursor::pos());
    // 手工創(chuàng)建的指針必須手工刪除
    delete ptr;
}

最終我們實(shí)現(xiàn)的效果如下所示。