QScrollBar设置setStyleSheet方法

最新推荐文章于 2025-02-15 23:58:49 发布
最新推荐文章于 2025-02-15 23:58:49 发布
阅读量5.8k 收藏 2
点赞数
文章标签： border c
本文详细介绍了如何使用Qt自定义滚动条的样式，包括垂直滚动条和水平滚动条的外观调整，如背景颜色、边框样式及滑块的设计等。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

 

#垂直滚动条

QScrollBar::vertical {

    border:0px solid grey;

    width: 35px;

}

 

#滑块

QScrollBar::handle:vertical {

    background: #8080FF;

    border: 3px solid grey;

    border-radius:5px;

    min-height: 20px;

}

 

QScrollBar::add-line:vertical {

    height: 26px;

    subcontrol-position: bottom;

}

 

QScrollBar::sub-line:vertical {

    height: 26px;

    subcontrol-position: top;

}

 

QScrollBar::add-page:vertical, QScrollBar::sub-page:vertical {

    background: none;

}

 

QScrollArea {

    border:0;

    background:rgb(64,64,71);

}

 

#水平滚动条

QScrollBar:horizontal {

    height:12px;

    border:1px solid black;

    border-color:black;

    margin:0px,0px,0px,0px;

    padding-left:10px;

    padding-right:10px;

}

 

QScrollBar::handle:horizontal {

    height:16px;

    min-width:20;

    background:#232329;

    border:1px solid #525252;
}
QScrollBar::handle:horizontal::disabled {
    background:#232329;
}
QScrollBar::handle:horizontal:hover {
    background:#232329;
    border:1px solid #E0E0E0;
}
QScrollBar::add-line:horizontal {
    width:10px;
    background:#121215;
    subcontrol-position:right;
}
QScrollBar::sub-line:horizontal {
    width:10px;
    background:#121215;
    subcontrol-position:left;
}
QScrollBar::add-page:horizontal {
    background:#454551;
}
QScrollBar::sub-page:horizontal {
    background:#454551;
}
QScrollBar::up-arrow:horizontal {
    border-width:1px;
    max-height:16px;
    min-width:17px;
}
QScrollBar::down-arrow:horizontal {
    border-style:outset;
    border-width:1px;
}

 

EK3036
关注
替换QListWidget和QListView的滚动条（QScrollBar）
草上爬的博客
01-14 7373
网上多是用StyleSheet来设置控件默认滚动条的样式，很久之前我也是这么做的。 但是这样做有个小问题，当滚动条显示时，会挤占控件viewport的空间。 一.效果 二.原理 使用自定义的QScrollBar替换控件默认QScrollBar，替换时，要保证自定义的滚动条和默认滚动条能够联动。 默认滚动条会响应鼠标滚轮，联动以后，自定义的滚动条也能响应滚动了，就像效果中展示的一样。 联动关键代码如下： QScrollBar *m_vScrollBar; connect(verticalScrol
给QCustomPlot添加一个QScrollBar滚动条、限制缩放范围、自动设置大小和右边栏垂直缩放
最新发布
m0_67194883的博客
05-03 105
从QCustomPlot类派生一个类，进行个性化设置，在轴矩形的上边设置Margin，放一个滚动条，设置滚动条的样式常量定义1000。
qt 滚动条 美化
u012719076的博客
10-21 1260
竖直滚动条分为7个部分： sub-line up-arrow sub-page hanle add-line dow-arrow add-page 其中，sub-line区域包含up-arrow区域，add-line区域包含down-arrow区域。想要定制化设置滚动条： 滚动条宽度40，上下箭头高度设置50，滑块长度100。通过 实际效果图可以看到，sub-line区域比up-arrow区域大，其中，竖直滚动条设置宽度(width: 40px)，水平滚动条设置高度；要想上下箭头区域显示，
qt QScrollArea set stylesheet
a1356467的博客
03-16 666
/* SCROLLAREA */ QScrollArea[scroll="1"]{ border: 1px solid lightgray; background-color: white; } /* SCROLLBAR */ QScrollArea[scroll="1"] QScrollBar:Vertical{ border: none; background-color: rgb(56,56,85); width: 14px; margin: 15px 0 15px 0; borde
Qt的QPushButton样式设置
佳乐的博客
02-15 1016
/ 使用自定义绘制（需继承QPushButton重写paintEvent）protected:// 自定义绘制代码...
qt 滚动条自定义样式
weixin_41619400的博客
11-20 599
ui.treeWidget_contacts->verticalScrollBar()->setStyleSheet("QScrollBar:vertical" "{" "width:16px;" "background:rgba(0,0,0,0%);" "margin:2px;" "padding-top...
QScrollBar滑块颜色通过setStyleSheet设置时未生效现象
qq_35662333的博客
04-13 247
方案：通过setStyleSheet设置QScrollBar::handle:vertical的。需求：需要单独修改QScrollBar的。通过以下方式设置滑块颜色，并未生效。现象：颜色修改未生效。
QScrollBar样式
MangoKing
05-09 377
//设置滚动条不显示,用自定义的滚动条 scrollArea->setHorizontalScrollBarPolicy(Qt::ScrollBarAlwaysOff); scrollArea->setVerticalScrollBarPolicy(Qt::ScrollBarAlwaysOff); //滚动条样式 QString qss = QString("QScrollBar:vertical{background:transparent;padding:0px;}" ...
QScrollBar:vertical侧边宽度
07-14
你可以使用QScrollBar的setStyleSheet()方法来设置样式表，然后针对QScrollBar:vertical选择器设置侧边宽度。 例如，你可以使用以下样式表来设置QScrollBar:vertical的侧边宽度为10像素： ```cpp QString ...
QT 中自定义QScrollBar 风格（宽度、滑块大小等）
热门推荐
iamplane的博客
10-12 2万+
最近在Qt上做应用程序开发时需要对一个文本编辑框的滚动条进行设置，在网络上查阅了很多网友的意见，多次尝试验证后终于达到目标，现记录整理本次试验的过程，以便参考查阅。        本人在应用程序中封装PeTextEditor 类用来编辑、加载文本，文本编辑器右侧的滚动条的滑块会根据内容大小进行放大和缩小，当加载文本文件很大时，滑块很小不方便手动操作，故需对滚动条的格式进行修改设计。      
PyQt：设置滚动条样式
Mr_K_night的博客
03-26 559
【代码】PyQT：设置滚动条样式。
浮动效果滚动条的ScrollArea
01-10
浮动效果的scrollArea, 滚动条样式已经美化. 鼠标进入显示滚动条, 移开自动隐藏
html 漂亮的表格 设置style 可自行修改
06-10
html 漂亮的表格 设置style 可自行修改
QSrcollBar样式表设置
weixin_43742643的博客
09-03 892
好看的QScrollBar样式表、介绍QScrollBar构造。含效果图。
QTreeWidget setstylesheet扎（未完待续）
weixin_30678821的博客
05-27 328
1.open&close小箭头 open&normal QTreeView::branch:has-children:!has-siblings:closed, QTreeView::branch:closed:has-children:has-siblings { border-image: none; image: url(); } open&activ...
QTreeView自定义树的样式
前行的蜗牛sunny的博客
08-10 6795
先上一张效果图如下:: 用 qt 绘制出所需要的线的样式：    line.png  绘制代码：  QImage pixmap(50,36, QImage::Format_ARGB32); //绘图设备 QPen pen; //画笔 pen.setWidth(1); pen.setColor(Qt::black); ...
Qt 5 使用QTreeView-＞header()-＞setStyleSheet(“background:grey“)修改QTreeView表头背景色无效
Peyton's Blog
07-02 1274
# 直接设置.setStyleSheet无效... 百度好一会发现都是在讲QHeadView的源码 # 发现一个解决方案，真实有效 .cpp treeView->header()->setStyleSheet("QHeaderView::section{background:#E6E6E6; border:none;}"); # 又发现想要修改head()中的表头文字挺难，想
PYQT 中的滚动条设置，个性化QScrollBar，可用在QTextEdit，scrollArea中等
LQ_001的博客
03-30 4098
特别说明一下，只是对某个控件的风格表setStyleSheet（）函数进行配置是不能完成个性化滚动条的，我在这里踩了很大一个坑。本篇博客是介绍在代码中如何设置一个个性化的 PYQT 滚动条的，PYQT 原生的滚动条相当丑陋（灰色大帝，白色方块）。同时 ，在 QT Designer 的属性设置中，是缺少滚动条相关的属性设置的。所以现在就给出了一个个性化滚动条的方案。完成效果如图：原UI改动后。
QTreeView的使用（一）
weixin_40301728的博客
11-15 4750
import sys from PyQt5.QtGui import QStandardItemModel, QStandardItem from PyQt5.QtWidgets import QMainWindow, QApplication, QTreeView class Example(QMainWindow): def __init__(self): super().__init__() self.treeView = None sel
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值