QTableView表格滚动条样式(QSS真是细致到家了)

环境:Qt5.3

IDE:QtCreator

效果预览:

 

垂直与水平滚动条样式

代码:

 

  1. ui->QTableView->verticalScrollBar()->setStyleSheet("QScrollBar:vertical{"        //垂直滑块整体  
  2.                                                           "background:#FFFFFF;"  //背景色  
  3.                                                           "padding-top:20px;"    //上预留位置(放置向上箭头)  
  4.                                                           "padding-bottom:20px;" //下预留位置(放置向下箭头)  
  5.                                                           "padding-left:3px;"    //左预留位置(美观)  
  6.                                                           "padding-right:3px;"   //右预留位置(美观)  
  7.                                                           "border-left:1px solid #d7d7d7;}"//左分割线  
  8.                                                           "QScrollBar::handle:vertical{"//滑块样式  
  9.                                                           "background:#dbdbdb;"  //滑块颜色  
  10.                                                           "border-radius:6px;"   //边角圆润  
  11.                                                           "min-height:80px;}"    //滑块最小高度  
  12.                                                           "QScrollBar::handle:vertical:hover{"//鼠标触及滑块样式  
  13.                                                           "background:#d0d0d0;}" //滑块颜色  
  14.                                                           "QScrollBar::add-line:vertical{"//向下箭头样式  
  15.                                                           "background:url(:/images/resource/images/checkout/down.png) center no-repeat;}"  
  16.                                                           "QScrollBar::sub-line:vertical{"//向上箭头样式  
  17.                                                           "background:url(:/images/resource/images/checkout/up.png) center no-repeat;}");  
  18.   
  19. ui->QTableView->horizontalScrollBar()->setStyleSheet("QScrollBar:horizontal{"  
  20.                                                           "background:#FFFFFF;"  
  21.                                                           "padding-top:3px;"  
  22.                                                           "padding-bottom:3px;"  
  23.                                                           "padding-left:20px;"  
  24.                                                           "padding-right:20px;}"  
  25.                                                           "QScrollBar::handle:horizontal{"  
  26.                                                           "background:#dbdbdb;"  
  27.                                                           "border-radius:6px;"  
  28.                                                           "min-width:80px;}"  
  29.                                                           "QScrollBar::handle:horizontal:hover{"  
  30.                                                           "background:#d0d0d0;}"  
  31.                                                           "QScrollBar::add-line:horizontal{"  
  32.                                                           "background:url(:/images/resource/images/checkout/right.png) center no-repeat;}"  
  33.                                                           "QScrollBar::sub-line:horizontal{"  
  34.                                                           "background:url(:/images/resource/images/checkout/left.png) center no-repeat;}");  

http://blog.csdn.net/shihoongbo/article/details/48970515

posted @ 2015-12-28 17:55  findumars  Views(11034)  Comments(0Edit  收藏  举报