QTreeView使用总结8,风格美化,使用qss样式表

1,简介

本文介绍我在使用QTreeView过程中,常用的样式设置方法。
介绍内容是与我自己的项目界面风格相关,并不是完整的介绍所有样式。
关于QTreeView完整的样式设置,可以参考博主一去丶二三里的文章:
Qt之QSS(QTreeView)

2,常用样式设置

默认的QTreeView是这样的:
这里写图片描述

一般改造样式,会处理这些项:
表头:背景色、文字色、边框、高度
控件整体:背景色、文字色、边框
元素:背景色、文字色、边框、高度(处理普通、划过、按下三态的颜色)
分支:颜色或图片(普通、划过、按下三态)

一般需要整行颜色一致,设置show-decoration-selected:1

我的样式效果如下:
这里写图片描述

当然我项目里整个窗口的样式也是配套的,这里只演示QTreeView。
我整体搭配的灰黑色系,选中用蓝色,hover状态去掉了,也可用淡灰色。
间隔行效果也去掉了。

代码如下:

/**********QTreeView**********/
QHeaderView::section { 
	height:25px;
	color:white;
	background:#505050;
	border-left:0px solid gray; 
	border-right:1px solid gray; 
	border-top:0px solid gray; 
	border-bottom:0px solid gray;
}

QTreeView {
	border:none;
	background: #404040;
	show-decoration-selected: 1;
}
QTreeView::item {
	height: 25px;
	border: none;
	color: white;
	background: transparent;
}
QTreeView::item:hover {
	background: transparent;
}
QTreeView::item:selected{
	background: #1E90FF;
}
QTreeView::branch {
	background: transparent;
}
QTreeView::branch:hover {
	background: transparent;
}
QTreeView::branch:selected {
	background: #1E90FF;
}
QTreeView::branch:closed:has-children{
	image: url(:/image/treeclose.png);
}
QTreeView::branch:open:has-children{
	image: url(:/image/treeopen.png);
}

其中branch的折叠展开图标是自己画的:
这里写图片描述 这里写图片描述

也可以用另外一种±号样式的:
这里写图片描述 这里写图片描述

这里展示了常用的QTreeView样式表的设置和效果,
如果需要更完整的控制方法,可以参考文章开头里的另外一位Qt专家的博客。

3,源码下载

本博客所有源码,包括本专栏所有配套代码,都可在群文件下载:

群号码:1149411109

群名称:Qt实战派学习群

在这里插入图片描述

  • 10
    点赞
  • 78
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 8
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 8
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

逆枫゛

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值