環境:Qt5.3
IDE:QtCreator
效果預覽:
垂直與水平滾動條樣式
代碼:
- ui->QTableView->verticalScrollBar()->setStyleSheet("QScrollBar:vertical{" //垂直滑塊整體
- "background:#FFFFFF;" //背景色
- "padding-top:20px;" //上預留位置(放置向上箭頭)
- "padding-bottom:20px;" //下預留位置(放置向下箭頭)
- "padding-left:3px;" //左預留位置(美觀)
- "padding-right:3px;" //右預留位置(美觀)
- "border-left:1px solid #d7d7d7;}"//左分割線
- "QScrollBar::handle:vertical{"//滑塊樣式
- "background:#dbdbdb;" //滑塊顏色
- "border-radius:6px;" //邊角圓潤
- "min-height:80px;}" //滑塊最小高度
- "QScrollBar::handle:vertical:hover{"//鼠標觸及滑塊樣式
- "background:#d0d0d0;}" //滑塊顏色
- "QScrollBar::add-line:vertical{"//向下箭頭樣式
- "background:url(:/images/resource/images/checkout/down.png) center no-repeat;}"
- "QScrollBar::sub-line:vertical{"//向上箭頭樣式
- "background:url(:/images/resource/images/checkout/up.png) center no-repeat;}");
- ui->QTableView->horizontalScrollBar()->setStyleSheet("QScrollBar:horizontal{"
- "background:#FFFFFF;"
- "padding-top:3px;"
- "padding-bottom:3px;"
- "padding-left:20px;"
- "padding-right:20px;}"
- "QScrollBar::handle:horizontal{"
- "background:#dbdbdb;"
- "border-radius:6px;"
- "min-width:80px;}"
- "QScrollBar::handle:horizontal:hover{"
- "background:#d0d0d0;}"
- "QScrollBar::add-line:horizontal{"
- "background:url(:/images/resource/images/checkout/right.png) center no-repeat;}"
- "QScrollBar::sub-line:horizontal{"
- "background:url(:/images/resource/images/checkout/left.png) center no-repeat;}");
http://blog.csdn.net/shihoongbo/article/details/48970515