Qt样式表(7)：使用样式表设置滚动条的外观

Qt样式表(7)：使用样式表设置滚动条的外观

本文为原创文章，转载请注明出处，或注明转载自“黄邦勇帅(原名：黄勇)

本文出自本人原创著作《Qt5.10 GUI完全参考手册》网盘地址：
https://pan.baidu.com/s/1iqagt4SEC8PUYx6t3ku39Q
《C++语法详解》网盘地址：https://pan.baidu.com/s/1dIxLMN5b91zpJN2sZv1MNg

若对C++语法不熟悉，建议参阅本人所著《C++语法详解》一书，电子工业出版社出版，该书语法示例短小精悍，对查阅C++知识点相当方便，并对语法原理进行了透彻、深入详细的讲解，可确保读者彻底弄懂C++的原理，彻底解惑C++，使其知其然更知其所以然。此书是一本全面了解C++不可多得的案头必备图书。

示例13.23：滚动条(QScrollBar)(效果见图13-41)
为了讲清楚滚动条的原理及理解滚动条的各组成部分，本示例将绘制如图13-41所示非传统形式的滚动条

#include
int main(int argc, char *argv[]){    QApplication aa(argc,argv);
QWidget w;		QScrollBar *ps=new QScrollBar(&w);
ps->setOrientation(Qt::Vertical);			ps->move(22,22);
/*本示例为垂直滚动条，因此滚动条会一直处于:vertical伪状态，所以对滚动条的每个子控件的设置都需要指定该状态*/
aa.setStyleSheet(
//1、设置整个滚动条
"QScrollBar:vertical {border: 2px solid red;  	margin:50 100 50 100;"
      	"background-clip:margin; 	background: green;	"
			//注意：width和height属性仅用于子控件，因此此处使用min-width和min-height
"min-width: 50;		min-height:200;}"
	//2、设置滚动条的滑块
"QScrollBar::handle:vertical {background: white;		min-height: 20px;}"
	//3、设置滚动条的向下按钮
   	"QScrollBar::add-line:vertical {"
       	"border: 2px solid blue;		background: yellow;"
      	" height: 40px;	width:50px;"
       	"subcontrol-position: bottom left;	 subcontrol-origin: margin;}"
	//4、设置滚动条的向上按钮
  	" QScrollBar::sub-line:vertical {"
      	"border: 2px solid blue;		background: yellow;"
       	"height: 40px;		width:50px;"
      	"subcontrol-position: top left;		subcontrol-origin: margin;}"
	//5、设置向上和向下箭头
   	"QScrollBar::up-arrow:vertical, QScrollBar::down-arrow:vertical {"
       	"border: 2px solid blue;		width: 22px;	height: 22px;	background: red;}"
	//6、设置滚动条的增加页区域
  	" QScrollBar::add-page:vertical{background: rgb(111,1,111);}"	//紫色
	//7、设置滚动条的减少页区域
" QScrollBar::sub-page:vertical {background: rgb(1,111,111);}"	//青色
        );
    w.resize(400,333);    w.show();    return aa.exec();	}

本文作者：黄邦勇帅(原名：黄勇)