QTreeView样式表基操作（QSS）

最新推荐文章于 2024-09-14 11:44:49 发布

爱动漫的小明

最新推荐文章于 2024-09-14 11:44:49 发布

阅读量5.4k

点赞数 7

分类专栏： QSS 文章标签： qt

本文链接：https://blog.csdn.net/weixin_44436546/article/details/109075444

版权

QSS 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

博客关于
1. 最近做的项目用到的界面比较多，关于界面优化问题不得不用到Qss样式表的操作。以此博文记录项目过程。
QTreeView样式操作

界面效果

这是初版，有点丑，哈哈～

这个界面主要是对QTreeItem子空间的操作。比如，缩放按钮，item等。

下面直接上操作流程。

在项目文件夹下创一个文件夹，例如：qss文件夹，以存放我们写的qss样式文件。
1. tree（项目文件夹）->qss->ProjectTree.qss(我们写的qss文件，必须为qss后缀)。
下面是myTree文件代码

QTreeView{
    border:none;
    background: #ad1453;
    show-decoration-selected:1;}

QTreeView::item {
    height: 40px;
}
QTreeView::branch {
    background: transparent;
}

QTreeWidget QHeaderView
{
    color:#1453ad;
}

QTreeView::branch:closed:has-children{
    image: url(:/icon/BranchCloseleft.png);
}
QTreeView::branch:open:has-children{
    image: url(:/icon/BranchOpenBottom.png);
}

其中show-decoration-selected:1;使item整行显示阴影（图中蓝色部分），height:40px表示item间距，QHeaderView设置QTreeView头样式， branch：close：has-children和branch：open：has-children为关闭节点和打开节点的图标操作，图中小三角。

3.其他关于QTreeView/QTreeWidget样式

QTreeView::item:hover {
    background: transparent;
}
QTreeView::item:selected{
    background: #1E90FF;
}
QTreeView::branch:hover {
    background: transparent;
}
QTreeView::branch:selected {
    background: #1E90FF;
}

4.运行qss

在你的tree类的构造函数中添加如下代码

QFile file("/home/ming/treeProject/qss/ProjectTree.qss");
file.open(QFile::ReadOnly);
QTextStream filetext(&file);
QString stylesheet = filetext.readAll();
setStyleSheet(stylesheet);
file.close();

好了，将你的代码跑起来吧。

详见参考：

https://blog.csdn.net/dpsying/article/details/80271775