QTreeview 设置复选框、箭头、选项的QSS详细用法 您所在的位置:网站首页 qtreewidget样式 QTreeview 设置复选框、箭头、选项的QSS详细用法

QTreeview 设置复选框、箭头、选项的QSS详细用法

2023-11-09 06:56| 来源: 网络整理| 查看: 265

本文主要总结QTreeview的用QSS美化界面用法,具体的美化包括QTreeview的箭头伸展和收缩,复选框的勾选、不勾选、半勾选,选项的选中、不选中状态,具体的QSS设置代码如下所示:

1.1 QSS美化QTreeview代码 "QTreeView{background-color:transparent;outline:0px;}" //设置箭头图标打开和关闭样式 "QTreeView::branch:closed:has-children:!has-siblings,QTreeView::branch:closed:has-children:has-siblings {border-image: none;image:url(:/image/1.png);}" "QTreeView::branch:open:has-children:!has-siblings,QTreeView::branch:open:has-children:has-siblings {border-image: none;image: url(:/image/1.png);}" //设置选项样式 "QTreeView::item {background-color: transparent;}" "QTreeView::item:hover{background-color:red;}" "QTreeView::item:selected{background-color:red;}" "QTreeView::item:selected:active{background-color:red;}" "QTreeView::item:selected:!active {background-color:red;}" //设置复选框样式 "QTreeView::indicator {width: 33px;height: 33px;}" "QTreeView::indicator:enabled:unchecked {image: url(:/image/1.png);}" "QTreeView::indicator:enabled:checked {image: url(:/image/1.png);}" "QTreeView::indicator:enabled:indeterminate {image: url(:/image/1.png);}"  

 

参考内容:

https://blog.csdn.net/liang19890820/article/details/52606662(参考:QSS美化QTreeview的复选框、选项、箭头)

https://blog.csdn.net/naibozhuan3744/article/details/80914480(参考:QTreeview的QSS用法)



【本文地址】

公司简介

联系我们

今日新闻

    推荐新闻

      专题文章
        CopyRight 2018-2019 实验室设备网 版权所有