合肥网站建设网站浙江省建设业协会网站

目录

0.简介

1.原理

2.具体代码

---

0.简介

环境：Ubuntu22.04、qtDesigner绘制UI

项目需要，按照UI修改滚动条样式，滚动条我使用的是QScrollBar，默认样式和修改之后的样式如下：

1.原理

2.具体代码

我是用qtDesigner绘制的界面，所以用的是自带的样式表

//设置垂直滑块整体-背景颜色为透明、距离上边距57px
QScrollBar:vertical
{background: transparent;padding-top:57px;
}//设置垂直滑块内部滚动条的样式-颜色为白色、圆角、宽度
QScrollBar::handle:vertical
{background:#FFFFFF;border-radius:6px;width:8px;
}//隐藏上下的箭头按钮
QScrollBar::sub-line:vertical {border: none;background: none;
}QScrollBar::add-line:vertical {border: none;background: none;
}

需注意：

如果圆角设置过大，是不会生效的（踩坑点）

chatGPT给出原因如下

--END--

参考：

Qt QScrollBar滚动条样式设置_qt 设置表格滚动条没有上下头-CSDN博客