引言

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

实现

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

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

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

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

qt设置滚动区域的滚动条的样式相关推荐

Qt滚动区域原理(QAbstractScrollArea)
Qt滚动区域原理(QAbstractScrollArea) 本文为原创文章,转载请注明出处,或注明转载自"黄邦勇帅(原名:黄勇) 本文出自本人原创著作<Qt5.10 GUI完全参考手册 ...
qt通过代码创建滚动区域，添加滚动区域到窗口
引言继承于QWidget创建的项目,要想在QWidget中添加很多子控件,考虑到若是子控件的数目不确定,太多的时候就需要添加滚动条来实现滚动查看,于是可以自定义一个类,在该类中实现滚动区域和滚动窗口 ...
textarea滚动条CSS样式属性设置
<textarea>滚动条属性CSS样式设置,包括textarea溢出横竖滚动条设置.隐藏滚动条.滚动条颜色.水平滚动条.垂直滚动条设置等. textarea滚动条CSS样式 textar ...
自定义浏览器滚动条的样式，详细讲解
CSS3自定义滚动条样式 -webkit-scrollbar 有时候觉得浏览器自带的原始滚动条不是很美观,那webkit浏览器是如何自定义滚动条的呢? Webkit支持拥有overflow属性的区域, ...
自定义浏览器滚动条的样式
自定义IE浏览器滚动条样式追溯浏览器对滚动条的自定义,恐怕最早的就是IE浏览器了(好像最开始支持的版本是IE5.5).下面列出了多个版本的支持性况: 滚动条样式支持情况支持浏览器版本可否继承 ...
自定义浏览器滚动条的样式，打造属于你的滚动条风格
前段时间,到网上找素材时,看到了一个很个性的滚动条式,打开Chrome的调试工具看了一下,发现不是用JavaScript来模拟实现的,觉得有必要折腾一下.于是在各大浏览器中对比了一下,发现只用Chro ...
怎样设置网页纵向滚动 css,CSS 怎么设置网页下拉条 (滚动条) 样式?
CSS 怎么设置网页下拉条 (滚动条) 样式? 很多朋友在网页设计中要自定义下拉条 (滚动条) 样式的情景, 下拉条的样式我们可以通过 CSS 来控制的, 下拉条能不能换颜色或者做的更好看一些呢? 那 ...
java设置滚动条的样式_[Java教程]美化浏览器滚动条效果
[Java教程]美化浏览器滚动条效果 0 2016-10-31 16:02:28 任务需求:由于不同浏览器对滚动条的样式解析存在差异,为统一样式风格,增加整体美观程度,需要实现自定义滚动条. 第一种方 ...
浏览器滚动条css样式设置，看这一篇文章就够了！
一前言在CSS 中,如果我们在块级容器上设置了属性: overflow:scroll /* x y 方向都会*/ 或者 overflow-x:scroll /*只是x方向*/ 或者 overflo ...

qt设置滚动区域的滚动条的样式

引言

实现

qt设置滚动区域的滚动条的样式相关推荐

最新文章

热门文章