天天看點

Qt中用QSS切分圖檔

Qt設計時有時需要實作動态按鈕,按鈕點選時一個狀态,滑鼠懸浮時一個狀态,離開時一個狀态,靜止時一個狀态。可以用一張png長圖,使用QSS分段截取,配置設定給每一個狀态。 

Qt中用QSS切分圖檔
Qt中用QSS切分圖檔
Qt中用QSS切分圖檔

1.調用函數

SetButtonStyle(ui->flashButton,":/images/button.png",);//Qss切割圖檔           
  • 1

2.聲明函數

void Widget::SetButtonStyle(QPushButton *button, QString imgsrc, int CutSec)
{//=========================Qss切割圖檔
    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().arg(PicWidth*1).arg(PicWidth*2).arg(PicWidth*3));
}
           

原文連結:http://blog.csdn.net/zhangquan2015/article/details/52138290

繼續閱讀