1. 程式人生 > >Qt 之 QTableView表格滾動條樣式

Qt 之 QTableView表格滾動條樣式

QTableView表格滾動條樣式
效果圖:
在這裡插入圖片描述

垂直與水平滾動條樣式
程式碼:

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;}");  

轉自部落格:https://www.cnblogs.com/findumars/p/5083325.html