Qt 按鈕設定樣式表

設定按鈕的狀態， 預設狀態， 滑鼠滑過狀態， 滑鼠點擊狀態，用三張圖片分別表示不同的狀態

ui->close->setStyleSheet("QPushButton{border-image: url(:/image/close.png);}"                             "QPushButton:hover{border-image: url(:/image/close2.png);}"                             "QPushButton:pressed{border-image: url(:/image/close2.png);}");

 對qss不是太瞭解，先把一些喜歡的效果記錄下來，嘿嘿

這個是看別人360介面的一個效果，覺得挺好的，就記下來

tab的樣式表

tab_widget->setStyleSheet("QTabWidget::pane{border: 0px;}""QTabWidget::tab-bar{alignment:center;}""QTabBar::tab{background:transparent; color:white; min-width:30ex; min-height:10ex;}""QTabBar::tab:hover{background:rgb(255, 255, 255, 100);}""QTabBar::tab:selected{border-color: white;background:white;color:green;}");

按鈕的樣式表

ok_button->setStyleSheet("QPushButton{border:1px solid lightgray; background:rgb(230,230,230);}""QPushButton:hover{border-color:green; background:transparent;}");cancel_button->setStyleSheet("QPushButton{border:1px solid lightgray; background:rgb(230,230,230);}""QPushButton:hover{border-color:green; background:transparent;}");

 

上面的哪個  “查看360使用者隱私保護承諾” 按鈕的樣式， 背景透明，設定一個字型的顏色

look_privacy_button->setCursor(Qt::PointingHandCursor);look_privacy_button->setStyleSheet("color:rgb(0, 120, 230); background:transparent;");

QGroupBox的樣式
 

tab1_group_box->setStyleSheet("QGroupBox::title{color:green;}");

這個是按鈕 上滑鼠懸浮的一個樣式

recovery_button = new QToolButton();recovery_button->setToolButtonStyle(Qt::ToolButtonTextUnderIcon);QPixmap recovery_pixmap(":/contentWidget/recovery");recovery_button->setIcon(recovery_pixmap);recovery_button->setIconSize(recovery_pixmap.size());recovery_button->setFixedSize(recovery_pixmap.width()+50, recovery_pixmap.height()+35);recovery_button->setStyleSheet("QToolButton{background:transparent;}""QToolButton:hover{border-radius:5px; border:1px solid rgb(210, 225, 230);}");

 今天仿照qq寫了個一個 QScrollBar的樣式，當然沒QQ的那麼好 不過能看， 記錄一下

edit->setStyleSheet("QScrollBar::vertical{background:transparent; width:8px; padding-top:3px; padding-bottom:3px; margin:0px 0px 0px 0px; border-radius:4px;}"                        "QScrollBar::vertical:hover{background:rgb(221, 220, 220);}"                        "QScrollBar::handle:vertical {background: rgb(197, 196, 196); width:8px; min-height:30px; margin: 2px 0px 2px 0px; border-radius:4px; border:none;}"                        "QScrollBar::handle:hover{background:rgb(110, 110, 110);}"                        "QScrollBar::add-page:vertical, QScrollBar::sub-page:vertical{background:none;}"                        "QScrollBar::sub-line:vertical{background: url(:/down.png);}"                        "QScrollBar::add-line:vertical{background: url(:/up.png);}");

當給一個按鈕添加圖片的時候，可能會有 邊框，效果不好 可以這樣設定

setStyleSheet("\                  QToolButton{border:0px;}\                  QToolButton::menu-button {image: url(none);}");

然後

pBtn->setIcon(objPixmap.copy((nPixWidth/4)*(state-1),0,nPixWidth/4,nPixHeight));