如何自定义QScrollBar？Qt滚动条样式定制需求与尝试代码

期望实现的滚动条样式：

针对你现有代码的不足，我调整了样式表，让它更贴近目标效果：

QString sbStyle = QString(
    "QScrollBar:vertical {"
    "    border: none;"
    "    background-color: #222222;"
    "    width: 12px;"
    "    margin: 0;"
    "}"
    "QScrollBar::handle:vertical {"
    "    background-color: qlineargradient(x1:0, y1:0, x2:0, y2:1, stop:0 #888888, stop:1 #555555);"
    "    border-radius: 6px;"
    "    min-height: 30px;"
    "    margin: 0 2px;"
    "}"
    "QScrollBar::handle:vertical:hover {"
    "    background-color: qlineargradient(x1:0, y1:0, x2:0, y2:1, stop:0 #999999, stop:1 #666666);"
    "}"
    "QScrollBar::add-line:vertical, QScrollBar::sub-line:vertical {"
    "    height: 0px;"
    "    border: none;"
    "}"
    "QScrollBar::add-page:vertical, QScrollBar::sub-page:vertical {"
    "    background-color: transparent;"
    "}"
);

关键调整说明： #

• 调整滚动条背景色为更贴近目标的深灰色，替代原来的#111
• 将滑块渐变方向改为垂直（从顶部到底部），匹配目标滑块的光影层次，原来的水平渐变不符合视觉效果
• 给滑块添加border-radius属性，实现圆角效果，还原目标样式的圆润感
• 增加滑块hover状态的样式，鼠标悬停时提亮滑块，提升交互反馈
• 设置上下箭头按钮的height: 0px，彻底隐藏按钮区域，避免残留空白
• 将滚动条的空白页区域设为透明，保持整体深色风格统一

内容的提问来源于stack exchange，提问作者user15300301