QT treewidget 展开折叠（分支）样式设置

最新推荐文章于 2025-10-22 08:00:00 发布

原创最新推荐文章于 2025-10-22 08:00:00 发布 · 5.5k 阅读

24 ·

CC 4.0 BY-SA版权

文章标签：

#qt #开发语言

QT知识专栏收录该内容

2 篇文章

订阅专栏

本文介绍了如何使用Qt Style Sheets（QSS）来改变QTreeView中节点分支的样式。通过设置不同的状态，如`adjoins-item`、`has-siblings`、`open`和`close`，可以实现不同情况下的图像显示，例如不相邻节点显示竖线、有子节点的状态等。示例代码展示了如何结合使用这些状态以达到预期效果。

有时候觉得树的分支小三角不好看，可以用qss改变样式。

branch有五个选择：adjoins-item（不邻接），has-siblings（下面还有节点）。open（节点是展开的）。close（节点是关闭的），has-children （有子节点）。结合使用达到自己想要的效果。

实例1

选择不邻接就显示图片vline.png。

tree->setStyleSheet("QTreeView::branch:!adjoins-item {border-image: url(:/vline.png);}"

图片是一个竖杠。当树应用之后有这种效果，即不相邻就显示一个竖杠。

示例2

下面还有节点的就显示一个竖杠

tree->setStyleSheet("QTreeView::branch:has-siblings {border-image: url(:/vline.png);}");

示例3

结合使用

    tree->setStyleSheet("QTreeView::branch:has-siblings:!adjoins-item {border-image: url(:/vline.png);}" // 下方有节点并且相邻没有节点
                        
                    "QTreeView::branch:has-siblings:adjoins-item {border-image: url(:/branch-more.png);}" // 下方有节点并且相邻有节点
                        
                     "QTreeView::branch:!has-children:!has-siblings:adjoins-item {border-image: url(:branch-end.png) ;}" // 没有孩子节点、下方没有节点并且相邻有节点

                        "QTreeView::branch:has-children:!has-siblings:closed,QTreeView::branch:closed:has-children:has-siblings " 
                        "{border-image: none;image: url(:/stylesheet-branch-closed.png);}"

                        "QTreeView::branch:open:has-children:!has-siblings,"
                        "QTreeView::branch:open:has-children:has-siblings  {border-image: none;image: url(:/stylesheet-branch-open.png);}");