QScrollBar 样式

最新推荐文章于 2025-03-12 11:12:34 发布

原创最新推荐文章于 2025-03-12 11:12:34 发布 · 818 阅读

1 ·

CC 4.0 BY-SA版权

本文详细介绍了如何使用Qt样式表自定义滚动条的外观，包括背景、滑块颜色及圆角等属性。特别强调了必须通过获取具体组件的垂直滚动条进行样式设置才能生效的方法。

QScrollBar{background:transparent; width: 6px;}//下拉框背景宽度

QScrollBar::handle{width:6px;background:#6C6C6C;border-radius:0px;} //下拉滑块的宽度背景颜色圆角

QScrollBar::add-line:vertical {background:transparent;}//上下滑块点的背景颜色设置透明

QScrollBar::sub-line:vertical {background:transparent;}

QScrollBar::add-page:vertical,QScrollBar::sub-page:vertical {margin:0px 6px; background:transparent;border:none; }//滑块滑动之后上面或者下面空的一块设置

直接在顶层窗口设置样式无效，必须获取widget的verticalScrollBar() 比如:ui->treeWidget->verticalScrollBar()->setStyleSheet（）

这样才可生效

已经做过好多次，但每次做的时候还是在这块要卡好久特此记录一下

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

statefly

关注关注

2
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

QSS教程：自定义QScrollBar样式

FuJavascript的博客

09-21

399

在上面的代码中，我们使用QSS字符串来定义QScrollBar的样式。通过使用Qt Style Sheets（QSS），我们可以自定义QScrollBar的外观和样式。通过自定义QSS，您可以根据需要修改QScrollBar的外观和样式。在主窗口的构造函数中，我们创建了一个QScrollBar部件并将其设置为主窗口的中央部件。在Qt应用程序的主窗口中，添加一个QScrollBar部件。首先，我们需要创建一个新的Qt应用程序。现在，我们可以编译并运行应用程序，以查看自定义的QScrollBar样式是否生效。

QScrollBar样式表总结

草上爬的博客

11-16

6689

具体的style sheet代码，这里面的CSS代码还可以写得更优雅一些，反正是起作用了，没太大兴趣再去继续弄。如图所示，QTableView使用的QHeaderView与scrollbar的style。当然，不用背景图也是可以的，下面是使用QSS实现扁平滚动条，只有几个简单的颜色。为了更符合扁平风格，去掉了滚动条两端的箭头。☆鼠标放到handle上的背景色。☆handle的背景色。

参与评论您还未登录，请先登录后发表或查看评论

QScrollBar样式

MoMo_KUA_1的专栏

08-01

3693

QScrollBar样式滚动条在Qt里叫做QScrollBar，使用样式设置控件的外观很方便，这里分享一下滚动条的样式设置。例如下面的树形控件的滚动条的样式。 const QString VSCROLLBAR_STYLE = "QScrollBar:vertical {margin: 13px 0px 13px 0px;background-col

【QSS样式表 - ⑬】：QScrollBar控件样式

Oh_Python的博客

12-24

633

【代码】【QSS样式表 - ⑬】：QScrollBar控件样式。

Qt:QScrollArea滚动条自定义样式

Healer_CC的博客

03-30

3101

QScroller自定义样式

【QT】QScrollBar设置样式：圆角、隐藏箭头、上边距等

热门推荐

随笔

11-14

1万+

Qt QScrollBar滚动条样式设置

Qt QTextEdit 设置 QScrollBar 样式表不生效解决方案

漫步繁华街的专栏

06-30

7368

Qt QTextEdit 设置 QScrollBar 样式表不生效的两种解决方案

PyQt5 高级界面控件 - 自定义 QScrollBar 样式

CodeHeroicX的博客

08-09

431

默认的 QScrollBar 样式可能无法满足某些特定应用场景需求，但是 PyQt5 可以通过自定义样式对 QScrollBar 进行优化和美化。在自定义 QScrollBar 样式时，可以根据具体需求修改样式属性。本文将详细介绍如何自定义 QScrollBar 样式，通过修改颜色、大小、边框等属性，实现独特的滚动条效果。在该代码中，我们继承了 QScrollBar 类并创建了一个新的 MyScrollBar 类。在 main 函数中，我们创建了一个新的 MyScrollBar 控件并将其添加到主窗口中。

Python QT Designer中QTableView滑条QScrollBar样式设置后失效解决方案

HackLogic的博客

09-03

730

为了解决这个问题，我们可以通过在代码中手动设置滑条的样式来覆盖QTableView的样式表，确保滑条样式生效。当我们在QT Designer中创建一个QTableView并设置滑条的样式后，运行程序时可能会发现滑条的样式并没有按照我们的预期生效。综上所述，通过手动设置滑条的样式，我们可以解决在Python QT Designer中使用QTableView时滑条样式设置失效的问题。在样式表中，我们使用了一些简单的CSS属性来设置滑条的背景颜色、宽度、滑块的背景颜色以及增加/减少按钮的背景颜色。

QScrollBary滚动条样式设置

w_w_w_w2580369的博客

11-09

270

（标注图片是网上找的，如果有侵权请联系我）小白的笔记，滚动条样式。

QScrollBar样式设计

Summer的博客

03-02

1472

A scroll bar is a control that enables the user to access parts of a document that is larger than the widget used to display it. It provides a visual indication of the user’s current position within t

QSrcollBar样式表设置

weixin_43742643的博客

09-03

948

好看的QScrollBar样式表、介绍QScrollBar构造。含效果图。

QScrollerBar样式

weixin_43956958的博客

12-20

1434

QScrollBar分为sub-line、add-line、add-page、sub-page、up-arrow、down-arrow和handle几个部分 /*垂直滑块整体*/ QScrollBar:vertical{ background:#FFFFFF; /*背景色*/ padding-top:20px; /*上预留位置（放置向上箭头）*/ padding-bottom:20px; /*下预留位置（放置向下箭头）*/ padding-left:3px; /*左

QScrollBar垂直滚动条简单样式定制

weixin_42661333的博客

12-28

452

效果如图，QScrollArea，QComboBox，QTableView等需要使用滚动条的控件均可适用。

QScrollBar样式表

C++初学者

11-27

1353

滑动条分横向（horizontal）和纵向（vertical） QScrollBar:horizontal{ Border:2px solid red; Margin:0px 20px 0px 20px; } //滑块设置 QScrollBar::handle:horizontal{ Min-width:20px;//长度 } //顶部控制块 QScrollBar::ad...

QScrollBar样式美化

venice0708的博客

04-01

359

QScrollBar:vertical { width:13px; padding-top:13px; padding-bottom:13px; } QScrollBar::add-page:vertical,QScrollBar::sub-page:vertical { border-image:url(:/YxStreamClient/Resources/Scrollbar_Tree.png)0 65 0 39; } QScrollBar::handle:vertical .

QT QSS 滚动条的样式设置

Blasit的博客

04-11

1189

QT 设置滚动条QScrollBar的QSS时候方便套用

QScrollBar完整的样式表

Black_Silencer的博客

10-26

4385

一、水平滚动条 QScrollBar:horizontal { border: 2px solid grey; background: #32CC99; height: 15px; margin: 0px 20px 0 20px; } QScrollBar::handle:horizontal { background: white; min-width: 20px; } QScrollBar::add-line:hor

qscrollbar样式设置的上下箭头放的图片是虚的，怎么变成是的

12-07

如果你发现QScrollBar（Qt库中的滚动条控件）的上下箭头看起来像是透明的或者是虚线的，这可能是由于样式表（CSS-like）设置的问题。通常，QScrollBar的箭头图标默认是半透明的，以适应各种背景颜色。如果你想改变这...