QT之qss教程-QSlider

最新推荐文章于 2024-04-11 13:55:34 发布

急行的小船

最新推荐文章于 2024-04-11 13:55:34 发布

阅读量1.6k

点赞数 2

分类专栏： QT QSS 文章标签： QSS QT

本文链接：https://blog.csdn.net/wzs250969969/article/details/78497593

版权

本文详细介绍了如何使用QSS来定制QT中的QSlider组件，使其在水平方向上呈现出美观的视觉效果。

摘要由CSDN通过智能技术生成

1、水平方向，如图

/* 滑动槽设置 */
QSlider::groove:horizontal {
	border:2px solid #999999;
	height:20px;
	background:qlineargradient(x1:0, y1:0, x2:0, y2:1, stop:0 #B1B1B1, stop:1 #c4c4c4);
	margin:2px 0;
}

/* 滑块设置 */
QSlider::handle:horizontal {
	background:qlineargradient(x1:0, y1:0, x2:1, y2:1, stop:0 #b4b4b4, stop:1 #8f8f8f);
	border:2px solid #5C5C5C;
	border-radius:5px;
	width:18px;
	
	/* 滑块上下边与滑道重合 */
	margin:-2px 0;
}

2、垂直方向，如图