qt QScrollArea set stylesheet

最新推荐文章于 2023-09-30 17:58:35 发布

转载最新推荐文章于 2023-09-30 17:58:35 发布 · 741 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：https://www.youtube.com/watch?v=ttBjf4bMDXY

文章标签：

#qt5

C++ 同时被 2 个专栏收录

26 篇文章

订阅专栏

Qt自定义

21 篇文章

订阅专栏

本文详细介绍了如何使用QSS为QScrollArea及其滚动条定制样式，包括边框、背景颜色、滚动条尺寸及按钮等各个方面的个性化设置。

/* SCROLLAREA */
QScrollArea[scroll="1"]{
	border:  1px solid lightgray;
	background-color: white;
}
/* SCROLLBAR */
QScrollArea[scroll="1"] QScrollBar:Vertical{
	border:  none;
	background-color: rgb(56,56,85);
	width: 14px;
	margin: 15px 0 15px 0;
	border-radius:10px;
}
/* HANDLE BAR VERTICAL */
QScrollArea[scroll="1"] QScrollBar::handle:vertical{
	background-color: rgb(255,0,127);
	min-height: 30px;
	border-radius:7px;
}
QScrollArea[scroll="1"] QScrollBar::handle:vertical:hover{
	background-color: rgb(80,80,122);
}
QScrollArea[scroll="1"] QScrollBar::handle:vertical:pressed{
	background-color: rgb(185,0,92);
}
/* BTN TOP-SCROLLBAR */
QScrollArea[scroll="1"] QScrollBar::sub-line:vertical{
	border:  none;
	background-color: rgb(59,59,50);
	height: 15px;
	border-top-left-radius: 7px;
	border-top-right-radius: 7px;
	subcontrol-position: top;
	subcontrol-origin: margin;
}
QScrollArea[scroll="1"] QScrollBar::sub-line:vertical:hover{
	background-color: rgb(255,0,127);
}
QScrollArea[scroll="1"] QScrollBar::sub-line:vertical:pressed{
	background-color: rgb(185,0,92);
}
/* BTN BOTTOM-SCROLLBAR */
QScrollArea[scroll="1"] QScrollBar::add-line:vertical{
	border:  none;
	background-color: rgb(59,59,50);
	height: 15px;
	border-bottom-left-radius: 7px;
	border-bottom-right-radius: 7px;
	subcontrol-position: bottom;
	subcontrol-origin: margin;
}
QScrollArea[scroll="1"] QScrollBar::add-line:vertical:hover{
	background-color: rgb(255,0,127);
}
QScrollArea[scroll="1"] QScrollBar::add-line:vertical:pressed{
	background-color: rgb(185,0,92);
}
/* RESET ARROW */
QScrollArea[scroll="1"] QScrollBar::up-arrow:vertical, QScrollBar::down-arrow:vertical{
	background:none;
}
QScrollArea[scroll="1"] QScrollBar::add-page:vertical, QScrollBar::sup-page:vertical{
	background:none;
}