彩阳 上海晟欧软件技术有限公司 移动客户端工程师  2019年07月18日
QTreeView通过Style Sheets自定义外观想要区分根节点和叶子节点
大家好。我目前正在做QTreeView,通过自定义Style Sheets自定义外观,想要区分根节点和叶子节点。但是在Style Sheets中没有找到相应的方法。我看了一下Qt的属性选择器可能是突破口,但是还没有思路。

现在达到这样的效果了:


如果能够区分根节点和叶子节点,那么我就可以将根节点的图片换成不带连接点的+号了。
QSS代码如下:

QTreeView::branch:has-siblings:!adjoins-item {
margin-left: 6px;
border-image: url(:/branch-vline.png);
}

QTreeView::branch:!has-children:has-siblings:adjoins-item {
image: url(:/branch-more.svg);
margin-left: -45px;
background-image: url(:/branch-single.svg);
background-position: right;
background-repeat: no-repeat;
}

QTreeView::branch:!has-children:!has-siblings:adjoins-item {
border-image: none;
image: url(:/branch-end.svg);
margin-left: -45px;
background-image: url(:/branch-single.svg);
background-position: right;
background-repeat: no-repeat;
}

QTreeView::branch:has-children:adjoins-item:open {
border-image: none;
image: url(:/branch-more.svg);
margin-left: -45px;
background-image: url(:/branch-open.svg);
background-position: right;
background-repeat: no-repeat;
}

QTreeView::branch:has-children:adjoins-item:closed {
border-image: none;
image: url(:/branch-more.svg);
margin-left: -45px;
background-image: url(:/branch-closed.svg);
background-position: right;
background-repeat: no-repeat;
}

QTreeView::branch:has-children:adjoins-item:open:first {
background-image: url(:/branch-root-open.svg);
}

QTreeView::branch:has-children:adjoins-item:closed:first {
background-image: url(:/branch-root-closed.svg);
}
...全文
32 点赞 收藏 1
写回复
1 条回复

还没有回复,快来抢沙发~

发动态
发帖子
Qt
创建于2009-11-04

1.0w+

社区成员

2.5w+

社区内容

Qt 是一个跨平台应用程序框架。通过使用 Qt,您可以一次性开发应用程序和用户界面,然后将其部署到多个桌面和嵌入式操作系统,而无需重复编写源代码。
社区公告
暂无公告