zoukankan      html  css  js  c++  java
  • QScrollBar设置滑块滑槽箭头增加减少按钮的样式设置

    自己开发了一个股票智能分析软件,功能很强大,需要的点击下面的链接获取:

    https://www.cnblogs.com/bclshuai/p/11380657.html

    1.标准完整的滚动条样式

    先来一个标准的设置,包括滑块滑槽,箭头,增加减少按钮的设置。如下图所示的垂直和水平滚动条设置。

    /*垂直滚动条样式*/
    QScrollBar:vertical{
    16px;
    background: #FAFAFA;
    border-radius:2px;
    margin:16px 0px 16px 0px;
    border-style:flat;
    }
    QScrollBar::handle:vertical{
    background:#bbbbbb;
    16px;
    border: 1px solid #E5E5E5;
    min-height:18px;
    border-radius:2px;
    border-style:flat;

    }
    QScrollBar::handle:vertical:normal{
    background:#bbbbbb;
    16px;
    border: 1px solid #E5E5E5;
    border-radius:2px;
    border-style:flat;
    }
    QScrollBar::handle:vertical:hover{
    background:#E6E6E6;
    16px;
    border: 1px solid #4C99F8;
    border-radius:2px;
    border-style:flat;
    }
    QScrollBar::handle:vertical:pressed{
    background:#a5a5a5;
    16px;
    border: 1px solid #4C99F8;
    border-radius:2px;
    border-style:flat;
    }
    QScrollBar::add-line:vertical {
    height: 16px;
    subcontrol-origin:margin;
    border-style:flat;
    }
    QScrollBar::sub-line:vertical {
    height: 16px;
    subcontrol-origin:margin;
    border-style:flat;
    }
    QScrollBar::up-arrow:vertical{
    subcontrol-origin: margin;
    height:16px;
    16px;
    border:0 0 0 0;
    border-style:flat;
    border-image: url(:/DirectionArrow/image/DisplayImage/up-row.png);
    }
    QScrollBar::down-arrow:vertical{
    subcontrol-origin: margin;
    height:16px;
    16px;
    border-style:flat;
    border-image: url(:/DirectionArrow/image/DisplayImage/down-row.png);
    }
    /*水平滚动条样式*/
    QScrollBar:horizontal
    {
    height:16px;
    margin:0px,0px,0px,0px;
    padding-left:16px;
    padding-right:16px;
    background: #FAFAFA;
    }
    QScrollBar::handle:horizontal
    {
    height:16px;
    min-20;
    background:#bbbbbb;
    }
    QScrollBar::handle:horizontal::disabled
    {
    background:#E6E6E6;
    border: 1px solid #4C99F8;
    }
    QScrollBar::handle:horizontal:hover
    {
    background:#a5a5a5;
    border: 1px solid #4C99F8;
    }
    QScrollBar::add-line:horizontal
    {
    16px;
    subcontrol-position:right;
    background-image: url(:/DirectionArrow/image/DisplayImage/right_row.png)
    }
    QScrollBar::sub-line:horizontal
    {
    16px;
    subcontrol-position:left;
    background-image: url(:/DirectionArrow/image/DisplayImage/left_row.png)
    }
    QScrollBar::up-arrow:horizontal
    {
    border-1px;
    max-height:16px;
    min-17px;
    border-style:flat;
    border-image: url(:/DirectionArrow/image/DisplayImage/right_row.png);
    }
    QScrollBar::down-arrow:horizontal
    {
    border-1px;
    border-style:flat;
    border-image: url(:/DirectionArrow/image/DisplayImage/left_row.png);
    }

    2.滑槽背景颜色设置-,让滑槽和背景色融为一体

    之前遇到一个问题,就是设置滑槽的背景颜色,对QScrollBar设置了一通,最后发现还是不行。去网上找到原来设置滑槽颜色

    QScrollBar::add-page:vertical, QScrollBar::sub-page:vertical {
    background: #00304D;
    }

  • 相关阅读:
    解决方案下显示的网站名称被追加编号的问题解决方法
    sql server 2008 报表服务器(sql server 2008 report service)中如何固定行或者列
    如何通过参数来切换图表和数据
    饼图中如何将一定比例的小切片收集在一起
    饼图图例中显示百分比值
    如何根据条件隐藏列
    饼图上如何显示百分比值
    负载均衡
    在UTF8页中接收和使用以GB2312方式进行URL编码的中文数据
    ASP 格式化显示时间为几个月,几天前,几小时前,几分钟前,或几秒前
  • 原文地址:https://www.cnblogs.com/bclshuai/p/13543177.html
Copyright © 2011-2022 走看看