【专题2：qt工程师】 之 【28.QTreeWidget qss样式 2】

  笔者在嵌入式领域深耕6年，对嵌入式项目构建，BLDC电机控制，产品上位机开发以及产品量产和产品售后维护有多年工作经验。经验分享，从0到1， 让我带你从实际工作的角度走进嵌入式成长之路。

  原创不易，欢迎大家关注我的微信公众号：嵌入式工程师成长之路 或 扫下面二维码
                     
所有文章总目录：【电子工程师 qt工程师】

原创视频总目录：【电子工程师 qt工程师】

1.样式

QTreeWidget{background-color: #FEFFF7;alternate-background-color: #CBE8D9;/*颜色交替*/}QTreeView::item {border:1px solid #C5DAFF;/*设置线*/}QTreeView::item:hover {/*鼠标悬停*/background-color: rgb(255, 255, 0);}QTreeView::item:selected {/*被选中*/background-color: rgb(144, 213, 106);}QHeaderView::section{/*标题样式*/background-color: #FFE0D8;border:1px solid #C5DAFF;}/*如果需要使用这些样式时，只需要将下面的代码复制到工程中即可，注意图片路径*//*下面的图片都是添加到了资源中*/QTreeView::branch:has-siblings:!adjoins-item {border-image: url(:/myRes/vline.png) 0;}QTreeView::branch:has-siblings:adjoins-item {border-image: url(:/myRes/branch-more.png) 0;}QTreeView::branch:!has-children:!has-siblings:adjoins-item {border-image: url(:/myRes/branch-end.png) 0;}QTreeView::branch:has-children:!has-siblings:closed,QTreeView::branch:closed:has-children:has-siblings {border-image: none;image: url(:/myRes/branch-closed.png);}QTreeView::branch:open:has-children:!has-siblings,QTreeView::branch:open:has-children:has-siblings {border-image: none;image: url(:/myRes/branch-open.png);}

2.选择和悬停

QTreeView::item {border:1px solid #C5DAFF;/*设置线*/}QTreeView::item:hover {/*鼠标悬停*/background-color: rgb(255, 255, 0);}QTreeView::item:selected {/*被选中*/background-color: rgb(144, 213, 106);}

3.颜色交替显示

需要先将颜色交替勾选：

QTreeWidget{background-color: #FEFFF7;alternate-background-color: #CBE8D9;}

4.收缩和展开图片

/*如果需要使用这些样式时，只需要将下面的代码复制到工程中即可，注意图片路径*//*下面的图片都是添加到了资源中*/QTreeView::branch:has-siblings:!adjoins-item {border-image: url(:/myRes/vline.png) 0;}QTreeView::branch:has-siblings:adjoins-item {border-image: url(:/myRes/branch-more.png) 0;}QTreeView::branch:!has-children:!has-siblings:adjoins-item {border-image: url(:/myRes/branch-end.png) 0;}QTreeView::branch:has-children:!has-siblings:closed,QTreeView::branch:closed:has-children:has-siblings {border-image: none;image: url(:/myRes/branch-closed.png);}QTreeView::branch:open:has-children:!has-siblings,QTreeView::branch:open:has-children:has-siblings {border-image: none;image: url(:/myRes/branch-open.png);}

5.标题样式

QHeaderView::section{background-color:  #FFE0D8;border:1px solid #C5DAFF;}