Qt QTreeView 详解
·
一.常见接口使用
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);
五.运行效果
六.源码
更多推荐
已为社区贡献7条内容
所有评论(0)