QScrollBar（滚动条）的一个完整样式记录

最新推荐文章于 2025-06-25 19:12:02 发布

lsfreeing

最新推荐文章于 2025-06-25 19:12:02 发布

阅读量2.4k

点赞数 1

分类专栏： Qt 文章标签： qss

Qt 专栏收录该内容

46 篇文章

订阅专栏

本文详细介绍了如何使用Qt样式表自定义垂直滚动条的外观，包括滑块、箭头区域和背景颜色等元素的设置方法。

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

转载文章，仅供参考：

QScrollBar:vertical//首先是设置主体
{
    margin:30px 0px 30px 0px;
    background-color:#F0F1EF;
    border: 0px;
    width:30px;    
}
QScrollBar::handle:vertical//滑块
{
    background-color:#bbbbbb;
    width:30px;
    border-radius:7px;//圆角
}
QScrollBar::handle:vertical:hover
{
    background-color:#9B9B9B;
    width:30px;
    border-radius:7px;
}
QScrollBar::add-line:vertical//为滚动条下面的箭头区域
{
    subcontrol-origin: margin;
    border:1px solid rgb(240,241,239);
    height:30px;
}

QScrollBar::sub-line:vertical//为滚动条上面的箭头区域
{
   subcontrol-origin: margin;
    border:1px solid rgb(240,241,239);
    height:30px;
}
QScrollBar::add-page:vertical//表示未滑过的槽部分
{
  background-color:rgb(240,241,239);
}

QScrollBar::sub-page:vertical //表示已滑过的槽部分
{
    background-color:rgb(240,241,239); 
}
QScrollBar::up-arrow:vertical//箭头
{
  border:0px;
  width:30px;
  height:30px;
  border-image:url(":/Icons/up_Arrow.png");
}

QScrollBar::up-arrow:vertical:pressed
{
    border:0px;
    width:30px;
    height:30px;
    border-image:url(":/Icons/up_Arrow_down.png");
}
QScrollBar::down-arrow:vertical
{
    border:0px;
    width:30px;
    height:30px;
    border-image:url(":/Icons/down_Arrow.png");
}

QScrollBar::down-arrow:vertical:pressed 
{
    border:0px;
    width:30px;
    height:30px;
    border-image:url(":/Icons/down_Arrow_down.png");
}

原文：https://blog.youkuaiyun.com/Zzhouzhou237/article/details/73613278