Qt QTreeView 详解

最新推荐文章于 2025-06-15 16:59:29 发布

灬Sunnnnn

最新推荐文章于 2025-06-15 16:59:29 发布

阅读量3.5w

点赞数 39

CC 4.0 BY-SA版权

分类专栏： Qt入门文章标签： qt QTreeView 树

本文链接：https://blog.csdn.net/wzz953200463/article/details/123643823

Qt入门专栏收录该内容

71 篇文章

订阅专栏

本文介绍了如何使用Qt进行界面编程，通过QStandardItemModel和QTreeView实现表格数据的展示，包括设置表头、添加节点、设置节点数据和图标、添加复选框以及设置默认选中项。同时，讲解了响应点击信号的方法，创建右键菜单，并展示了如何设置QSS来改变表格的视觉样式。此外，提供了完整的源码链接供读者参考。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

一.常见接口使用

1.设置表头隐藏，设置表头

QStandardItemModel *model = new QStandardItemModel(this);

//设置表头隐藏
//ui->treeView->setHeaderHidden(true);

//设置表头
model->setHorizontalHeaderLabels(QStringList()<<"姓名"<<"性别"<<"年龄");

//设置model 
ui->treeView->setModel(model);

//设置展开
ui->treeView->expandAll();

2.添加节点

这里添加两组数据

    QStandardItem *item1 = new QStandardItem("四年级");

    model->setItem(0,0,item1);
    QStandardItem *item00 = new QStandardItem("张三");
    QStandardItem *item10 = new QStandardItem("张四");
    QStandardItem *item20 = new QStandardItem("张五");

    QStandardItem *item01 = new QStandardItem("男");
    QStandardItem *item11 = new QStandardItem("女");
    QStandardItem *item21 = new QStandardItem("男");

    QStandardItem *item02 = new QStandardItem("15");
    QStandardItem *item12 = new QStandardItem("14");
    QStandardItem *item22 = new QStandardItem("16");

    model->item(0,0)->setChild(0,0,item00);
    model->item(0,0)->setChild(1,0,item10);
    model->item(0,0)->setChild(2,0,item20);

    model->item(0,0)->setChild(0,1,item01);
    model->item(0,0)->setChild(1,1,item11);
    model->item(0,0)->setChild(2,1,item21);

    model->item(0,0)->setChild(0,2,item02);
    model->item(0,0)->setChild(1,2,item12);
    model->item(0,0)->setChild(2,2,item22);


    QStandardItem *item2 = new QStandardItem("五年级");
    model->setItem(1,0,item2);

    QStandardItem *item200 = new QStandardItem("李三");
    QStandardItem *item210 = new QStandardItem("李四");
    QStandardItem *item220 = new QStandardItem("李五");

    QStandardItem *item201 = new QStandardItem("男");
    QStandardItem *item211 = new QStandardItem("女");
    QStandardItem *item221 = new QStandardItem("男");

    QStandardItem *item202 = new QStandardItem("15");
    QStandardItem *item212 = new QStandardItem("14");
    QStandardItem *item222 = new QStandardItem("16");

    model->item(1,0)->setChild(0,0,item200);
    model->item(1,0)->setChild(1,0,item210);
    model->item(1,0)->setChild(2,0,item220);

    model->item(1,0)->setChild(0,1,item201);
    model->item(1,0)->setChild(1,1,item211);
    model->item(1,0)->setChild(2,1,item221);

    model->item(1,0)->setChild(0,2,item202);
    model->item(1,0)->setChild(1,2,item212);
    model->item(1,0)->setChild(2,2,item222);

显示如下

3.节点可以带数据、图标、flag等

    QStandardItem *item1 = new QStandardItem("四年级");    
    item1->setData("班级");
    item1->setIcon();
    item1->setFlags();

    model->setItem(0,0,item1);

    //访问
    model->item(0,0)->data().toString();
    model->item(0,0)->icon();
    model->item(0,0)->flags();

4.设置节点带checkBox

    model->item(0,0)->setCheckable(true);
    model->item(0,0)->setCheckState(Qt::Checked);

5.设置默认选中第几行

    QModelIndex index = model->item(1,0)->index();
    ui->treeView->setCurrentIndex(index);

二.简单相应一下点击信号

这里简单打印一下节点的名称


//相应这个信号
void clicked(const QModelIndex &index)

void Widget::on_treeView_clicked(const QModelIndex &index)
{
    qDebug()<<model->itemFromIndex(index)->text();
}

三.右键菜单

      //打开右键菜单属性
      ui->treeView->setContextMenuPolicy(Qt::CustomContextMenu);

      //右键菜单
      menu = new QMenu(ui->treeView);
      menu->addAction("添加");
      menu->addAction("删除");

      //响应右键菜单信号槽
      connect(ui->treeView,&QTreeView::customContextMenuRequested,
              this,&Widget::slotMenuPopup);

      void Widget::slotMenuPopup(const QPoint &pos)
      {
          menu->exec(ui->treeView->mapToGlobal(pos));
      }

四.设置qss

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->treeView->setStyleSheet(styles);

五.运行效果

六.源码

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