一、前言
使用QT制作树形的列表菜单,需要使用QTreeWidget和QTreeWidget两个类。最终效果如图所示:
二、代码方式实现
使用代码方式实现树形菜单,首先要包含两个类库。
#include <QTreeWidget>
#include <QTreeWidgetItem>
接着创建一个QTreeWidget对象,设置相关属性。
//创建QTreeWidget对象,指定父对象
QTreeWidget *tree = new QTreeWidget(this);
//设置位置以及大小
tree->setGeometry(0,20,100,420);
//可以设置背景颜色
tree->setStyleSheet("background-color:pink;");
//设置列标题
tree->setHeaderLabel("功能导航");
//如果不想显示标题,可以隐藏
tree->setHeaderHidden(true);
//设置不同层次菜单的缩进
tree->setIndentation(10);
随后,为tree插入第一级节点菜单。
QTreeWidgetItem *item1 = new QTreeWidgetItem(tree,QStringList("病人管理"));
QTreeWidgetItem *item2 = new QTreeWidgetItem(tree,QStringList("医生管理"));
QTreeWidgetItem *item3 = new QTreeWidgetItem(tree,QStringList("营收管理"));
让我们来看看这里使用到的QTreeWidgetItem构造函数。
/**
* @param : parent 关联的窗口或父节点
* @param : strings 列数据,这里只有一列,不用深究
* @param : type 用不到,不用管
*/
QTreeWidgetItem::QTreeWidgetItem(QTreeWidget *parent, const QStringList &strings, int type = Type)
第一级节点上去就是tree了,自然就是挂在tree下,所以第一个参数为tree。
接下来插入第二级节点。
QTreeWidgetItem *item11 = new QTreeWidgetItem(item1,QStringList("病人信息"));
QTreeWidgetItem *item12 = new QTreeWidgetItem(item1,QStringList("病床调动"));
QTreeWidgetItem *item21 = new QTreeWidgetItem(item2,QStringList("医生信息"));
QTreeWidgetItem *item22 = new QTreeWidgetItem(item2,QStringList("员工调动"));
QTreeWidgetItem *item31 = new QTreeWidgetItem(item3,QStringList("药品"));
QTreeWidgetItem *item32 = new QTreeWidgetItem(item3,QStringList("设备"));
谁是第二级节点的父节点,就挂在那一个父节点下,所以第一个参数即对应的父节点。如果想要设置更深层次的树形菜单,也是按照这个思路一步一步深入下去。
到这里节点已经设置完毕,接下来就要为节点设置图标了。
item1->setIcon(0,QIcon("M:\\pictures\\素材图\\学士帽.png"));
如上所示,设置图标需要使用QTreeWidgetItem类的setIcon方法。我们这里设计的树形菜单只有一列,因此第一个参数为0。第二个参数是QIcon类型的对象,括号里面是本地图片的路径。注意在 \ 前加一个 \ ,前一个是转义字符,后一个才是真正的 \ 。
其余节点的图标设置也相同,不再赘述。
至此,就完成了一个简单的树形菜单。
三、UI设计师界面实现
使用UI设计师界面实现会更加直观,无需敲代码,就算不懂代码的朋友也能轻松搞定。
创建一个项目(不会可见另一篇博文:https://blog.csdn.net/weixin_45138590/article/details/109189652),双击UI文件。
选择Item Widgets(Items Based)里的Tree Widget控件,拖拽一个到中间的界面窗口。
双击Tree Widget控件即可编辑列标题和设置节点。
通过上述操作,即可完成节点的设置。接着为节点设置图标:选择一个节点,点击右侧的属性,会弹出属性框,点击icon属性的Normal Off右侧的值框,点击三角形选择文件。
选择你所需要的图片就能完成图标的设置!
至此,一个简单的树形菜单就完成了!
四、QTreeWidget控件常用设置总结
//设置位置以及大小
tree->setGeometry(0,20,100,420);
//可以设置背景颜色
tree->setStyleSheet("background-color:pink;");
//设置列标题
tree->setHeaderLabel("功能导航");
//如果不想显示标题,可以隐藏
tree->setHeaderHidden(true);
//设置不同层次菜单的缩进
tree->setIndentation(10);
//设置节点之间的行距
setStyleSheet(
"QTreeWidget::item{"
"height:25px;"
"}"
);
//设置边框不可见
ui->tree->setFrameStyle(QFrame::NoFrame);
//将菜单设置为禁用状态
ui->tree->setEnabled(false);