前言
本博客仅仅记录自己的采坑过程以及帮助网友避坑,方便以后快速使用自定义控件,避免重复出错。
下载插件
大神 Github Qt 自定义控件项目地址:https://github.com/feiyangqingyun/qucsdk
插件简介
- 1:设置节点数据相当方便,按照对应格式填入即可,分隔符,
- 2:可设置提示信息 是否显示+宽度
- 3:可设置行分隔符 是否显示+高度+颜色
- 4:可设置选中节点线条突出显示+颜色+左侧右侧位置
- 5:可设置选中节点三角形突出显示+颜色+左侧右侧位置
- 6:可设置父节点的 选中颜色+悬停颜色+默认颜色
- 7:可设置子节点的 选中颜色+悬停颜色+默认颜色
- 8:可设置父节点文字的 图标边距+左侧距离+字体大小+高度
- 9:可设置子节点文字的 图标边距+左侧距离+字体大小+高度
- 10:可设置节点展开模式 单击+双击+禁用
使用插件
插件法的自定义控件使用,务必保证编译器完全一致。
将对应的quc.dll和libquc.a 或者 quc.lib(MSVC编译器才有)集成到项目中。
使用到哪个控件,只需要将对应控件的头文件集成到项目中即可。集成方法是将该头文件复制到sdk目录(因为pro文件写的是从sdk目录读取头文件),也可以自己定义目录。
-
项目的pro文件加入代码
INCLUDEPATH += $$PWD/sdk CONFIG(debug, debug|release){
LIBS += -L$$PWD/sdk/ -lqucd
} else {
LIBS += -L$$PWD/sdk/ -lquc
}编译完成以后记得将动态库文件复制到可执行文件同一目录即可。
查询大神提供的插件表查询插件头文件按上述过程添加即可
修改图标
ui->listView->setItems("图书管理||0||,查询图书|图书管理|||0xf002,新增图书|图书管理|||0xf067,逾期管理||0||,查询逾期|逾期管理|||0xf002,账户管理||0||,查询读者|账户管理|||0xf002,新增读者|账户管理|||0xf067");
多次研究尝试后发现这些十六进制均是字体图标,到字体图标网站查询替换成自己喜欢的的免费图标
Font Awesome 图标地址: https://fontawesome.com/cheatsheet/free/solid
调用实例
ui->listView->setParentFontSize(22); //设置父节点字体大小
ui->listView->setParentMargin(70); //设置父节点文字偏移距离
ui->listView->setParentHeight(48); //设置父节点高度
//设置父节点的 选中颜色+悬停颜色+默认颜色
ui->listView->setParentBgNormalColor(QColor(19,161,255));
ui->listView->setParentBgSelectedColor(QColor(84,110,255));
ui->listView->setParentBgHoverColor(QColor(84,110,255));
ui->listView->setChildFontSize(18); //设置子点字体大小
ui->listView->setChildMargin(110); //设置子点文字偏移距离
ui->listView->setChildIconMargin(80); //设置子点图标距离
ui->listView->setChildHeight(40); //设置子点高度
//子节点的 选中颜色+悬停颜色+默认颜色
ui->listView->setChildBgNormalColor(QColor(172,217,255));
ui->listView->setChildBgHoverColor(QColor(84,110,255));
ui->listView->setChildBgSelectedColor(QColor(84,110,255));
ui->listView->setChildTextNormalColor(QColor(0,0,0)); //设置子点文字默认颜色
// 管理||0|| 父节点 查询图书|图书管理|||0xf002 子节点
ui->listView->setItems("图书管理||0||,查询图书|图书管理|||0xf002,新增图书|图书管理|||0xf067,逾期管理||0||,查询逾期|逾期管理|||0xf002,账户管理||0||,查询读者|账户管理|||0xf002,新增读者|账户管理|||0xf067");
其他样式设置自行查看对应自定义控件头文件方法列表
注意问题
这个自定义控件是基于listView控件改写的,需要在UI界面拖一个 listView 控件 提升为自定义控件使用