Qt:header view与scrollbar的style sheet

@import url(http://www.cppblog.com/CuteSoft_Client/CuteEditor/Load.ashx?type=style&file=SyntaxHighlighter.css);@import url(/css/cuteeditor.css); 如图所示,QTableView使用的QHeaderView与scrollbar的style sheet.@import url(http://www.cppblog.com/CuteSoft_Client/CuteEditor/Load.ashx?type=style&file=SyntaxHighlighter.css);@import url(/css/cuteeditor.css);


scrollbar使用到下面两张背景图,放到工程目录下的images文件夹里:
 

具体的style sheet代码,这里面的CSS代码还可以写得更优雅一些,反正是起作用了,没太大兴趣再去继续弄
/*
 垂直滚动条
*/
QScrollBar:vertical 
{
    background
:  url(images/scrollbar-vertical-bg.png) ;
    width
:  9px ;
    margin
:  0px 0 0px 0 ;
}
QScrollBar::handle:vertical 
{
    background
:  rgb(195, 195, 195) ;
    min-height
:  20px ;
    margin
:  0 1px 0 2px ;
    border-radius
:  3px ;
    border
:  none ;
    
/* background: qlineargradient(spread:reflect, 
        x1:0, y1:0, x2:1, y2:0, 
        stop:0 rgba(164, 164, 164, 255), 
        stop:0.5 rgba(120, 120, 120, 255),
        stop:1 rgba(164, 164, 164, 255));
*/
    
/* border-image: url(images/scrollbar-vertical-thumb.png) 8px 0 8px 0 fixed; */
}

QScrollBar::add-line:vertical 
{
    background
:  url(images/scrollbar-vertical-bg.png) ;
    height
:  0px ;
    subcontrol-position
:  bottom ;
    subcontrol-origin
:  margin ;
}

QScrollBar::sub-line:vertical 
{
    background
:  url(images/scrollbar-vertical-bg.png) ;
    height
:  0px ;
    subcontrol-position
:  top ;
    subcontrol-origin
:  margin ;
}

QScrollBar::up-arrow:vertical, QScrollBar::down-arrow:vertical 
{
    border
:  1px solid grey ;
    width
:  3px ;
    height
:  3px ;
    background
:  white ;
}

QScrollBar::add-page:vertical, QScrollBar::sub-page:vertical 
{
    background
:  none ;
}

/*
 水平滚动条
*/
QScrollBar:horizontal 
{
    background
:  url(images/scrollbar-horizontal-bg.png) ;
    height
:  9px ;
    margin
:  0px 0 0px 0 ;
}
QScrollBar::handle:horizontal 
{
    background
:  rgb(195, 195, 195) ;
    min-width
:  20px ;
    margin
:  2px 0px 1px 0px ;
    border-radius
:  3px ;
    border
:  none ;
}
QScrollBar::add-line:horizontal 
{
    border
:  0px solid grey ;
    background
:  #32CC99 ;
    width
:  0px ;
    subcontrol-position
:  right ;
    subcontrol-origin
:  margin ;
}

QScrollBar::sub-line:horizontal 
{
    border
:  0px solid grey ;
    background
:  #32CC99 ;
    width
:  0px ;
    subcontrol-position
:  left ;
    subcontrol-origin
:  margin ;
}

QScrollBar::add-page:horizontal, QScrollBar::sub-page:horizontal 
{
    background
:  none ;
}

QTableView  {
    color
:  black ;
    background
:  white ;
    selection-background-color
:  qlineargradient(
        x1: 0, y1: 0, x2: 0, y2: 1,
        stop: 0 #FAFBFE, stop: 1 #DCDEF1)
;
}

QTableView::item:alternate 
{
     background
:  red ;
 
}

QTableView::item:selected 
{   /* 被选中的index */
    color
:  black ;
    background
:  qlineargradient(
        x1: 0, y1: 0, x2: 0, y2: 1,
        stop: 0 #FAFBFE, 
        stop: 1 #DCDEF1)
;
    
}

QHeaderView 
{
    background
:  white ;
}

QHeaderView::section, QTableCornerButton::section 
{
    padding
:  1px ;
    border
:  none ;
    border-bottom
:  1px solid rgb(160, 160, 160) ;
    border-right
:  1px solid rgb(160, 160, 160) ;
    border-bottom
:  1px solid gray ;
    background-color
:  qlineargradient(spread:reflect, 
        x1:0, y1:0, x2:0, y2:1, 
        stop:0 rgba(255, 255, 255, 255), 
        stop:1 rgba(164, 164, 164, 255))
;
}

QHeaderView::section:vertical 
{
    background
:  url(:/resources/images/bg.jpg) ;
}

/* **************************************************************************
 * QFrame 相关
 *************************************************************************
*/
.QFrame, .QTableView, .QListWidget 
{
    border
:  1px solid  rgb(182, 182, 182) ;
    border-top
:  1px solid rgb(142, 142, 142) ;
}


//

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值