Qt之qss实现按钮三态.

抱歉,原文不知道转接的谁的了,这里没有指向原文的连接.

函数声明:

    void SetButtonStyle(QPushButton *button, QString imgsrc, int CutSec) ;

函数实现:

void MainWindow::SetButtonStyle(QPushButton *button, QString imgsrc, int CutSec)

{

    int img_w=QPixmap(imgsrc).width();

    int img_h=QPixmap(imgsrc).height();

    int PicWidth = img_w/CutSec;

    button->setFixedSize(PicWidth,img_h);

    button->setStyleSheet(QString("QPushButton{border-width: 41px; border-image: url(%1)  0 0 0 %2 repeat  repeat;border-width: 0px; border-radius: 0px;}")

      .append("QPushButton::hover{border-image: url(%1) 0 0 0 %3  repeat  repeat;}")

      .append("QPushButton::pressed{border-image: url(%1) 0  0 0 %4 repeat  repeat;}")

      .append("QPushButton::checked{border-image: url(%1) 0  0 0 %4 repeat  repeat;}")

      .append("QPushButton::disabled{border-image: url(%1) 0  0 0 %5 repeat  repeat;}")

      .arg(imgsrc).arg(0).arg(PicWidth*1).arg(PicWidth*2).arg(PicWidth*3));

}

函数调用:

    SetButtonStyle(ui->MyLoveButton,"Image.png",4);

    ui->MyLoveButton->setEnabled(false);			//这句是设置按钮不可用状态

图片材料:

实现效果: