QSS

来源：互联网发布：java ee se me 区别编辑：程序博客网时间：2024/05/16 06:11

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