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

目录

0.简介

1.原理

2.具体代码


0.简介

环境:Ubuntu22.04、qtDesigner绘制UI

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

1.原理

2.具体代码

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

cpp 复制代码
//设置垂直滑块整体-背景颜色为透明、距离上边距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博客

相关推荐
xcyxiner2 小时前
dcmtk vtk vtk-dicom(gdcm) 编译(debug) v2
qt
桥田智能2 天前
桥田智能 QT-650S:面向白车身焊装的 800kg 重载快换解决方案
开发语言·qt·系统架构
森G2 天前
75、服务器源码解析---------云视频服务项目
linux·服务器·网络·c++·qt
森G2 天前
77、线程池原理和实现------服务器源码解析----云视频服务项目
服务器·c++·qt
森G2 天前
71、打包发布---------打包发布
c++·qt
初圣魔门首席弟子2 天前
Node.js 详细介绍(知识库版)
windows·qt·node.js·知识库
C++ 老炮儿的技术栈2 天前
Qt工控实战:自研机器人TCP长连接客户端(粘包处理+心跳保活+自动重连完整源码解析)
qt·tcp/ip·机器人
郝学胜-神的一滴2 天前
CMake 019:程序生成与清理全解析
开发语言·c++·qt·程序人生·软件构建·cmake
森G2 天前
76、仿ASIO实现的Linux c++服务器------服务器源码解析----云视频服务项目
c++·qt
superkcl20222 天前
【QT Thread】
c++·qt