@import url(http://m.shnenglu.com/CuteSoft_Client/CuteEditor/Load.ashx?type=style&file=SyntaxHighlighter.css);@import url(/css/cuteeditor.css);
如圖所示，QTableView使用的QHeaderView與scrollbar的style sheet.@import url(http://m.shnenglu.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);
}