引言

当窗口的控件太多，不能一下完全显示，就可以采用滚动区域来添加控件，这样添加的控件，可以通过滑动滚动区域的滚动条来浏览所有的控件。下面就大致记录一下滚动区域的滚动条的样式怎么设置。

实现

直接上设置滚动区域的滚动条样式的代码：

ui->scrollArea->setStyleSheet("QScrollArea{border:none;background-color:transparent;}""QScrollArea QScrollBar:vertical{width:8px;""background:transparent;margin:0px,1px,0px,1px;""padding-top:0px;padding-bottom:0px;border-radius:4px;}""QScrollArea QScrollBar::handle:vertical{background:#00ffff;""border-radius:4px;}""QScrollArea QScrollBar::handle:vertical:hover{background:#47d5d5;""border-radius:4px;}""QScrollArea QScrollBar::add-page:vertical,QScrollBar::sub-page:vertical{""background:transparent;border-radius:4px;}"//设置滑块滑动后一端槽的背景透明"QScrollArea QScrollBar::add-line:vertical,QScrollBar::sub-line:vertical{""height:0px;width:0px;}");//去掉上下箭头ui->scrollAreaWidgetContents->setStyleSheet("background-color:transparent;border:none;");//设置滚动区域自带的中心窗口的背景色透明

以上实现的滚动区域的滚动条的样式大概如下：

上图中显示的亮蓝色的滑块，便是垂直滚动条设置后的样式。