引言

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

实现

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

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;");//设置滚动区域自带的中心窗口的背景色透明

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

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