設置QPushbutton按鈕背景、鼠標滑過狀態、鼠標點擊后狀態用法


1.1當要設置QPushbutton按鈕背景,字體顏色,鼠標滑過狀態,鼠標單擊后狀態時,可以用QSS來設置,具體的代碼如下:

    QPushButton *allSelect = new QPushButton;
    allSelect->setStyleSheet("QPushButton{border-image: url(:/res/appicon/wx.png) 0 0 0 0;border:none;color:rgb(255, 255, 255);}"
                            "QPushButton:hover{background-color: rgb(20, 62, 134);border:none;color:rgb(255, 255, 255);}"
                            "QPushButton:checked{background-color: rgb(20, 62, 134);border:none;color:rgb(255, 255, 255);}");

1.2另一種設置按鈕圖標顯示。下面代碼功能是在一個按鈕內顯示圖標和文字,效果為左圖標,右文字。當鼠標滑過時圖標切換為另一個圖標。當點擊鼠標后又切換到另一個圖標。具體代碼如下:

    QPushButton *readyRecoveryBtn = new QPushButton("准備恢復");
    readyRecoveryBtn->setFixedSize(QSize(95,20));
    readyRecoveryBtn->setStyleSheet("QPushButton{background-image: url(:res/recoverydata/icon/main_icon_recovery.png);background-repeat: no-repeat;background-position:left;border:none;color:rgb(255, 255, 255);}"
                                "QPushButton:hover{background-image: url(:res/recoverydata/icon/main_icon_recovery_h.png);background-repeat: no-repeat;background-position:left;border:none;color:rgb(255, 255, 255);}"
                                "QPushButton:pressed{background-image: url(:res/recoverydata/icon/main_icon_recovery_p.png);background-repeat: no-repeat;background-position:left;border:none;color:rgb(255, 255, 255);}");

 

原文 :https://blog.csdn.net/naibozhuan3744/article/details/80913651


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM