Qt设计时有时需要实现动态按钮,按钮点击时一个状态,鼠标悬浮时一个状态,离开时一个状态,静止时一个状态。可以用一张png长图,使用QSS分段截取,分配给每一个状态。 
Qt中用QSS切分图片 
Qt中用QSS切分图片 
Qt中用QSS切分图片

1.调用函数

    SetButtonStyle(ui->flashButton,":/images/button.png",4);//Qss切割图片

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(0).arg(PicWidth*1).arg(PicWidth*2).arg(PicWidth*3));
}

http://blog.csdn.net/zhangquan2015/article/details/52138290

 
 

 

相关文章:

  • 2021-10-18
  • 2022-12-23
  • 2021-08-04
  • 2021-08-14
  • 2021-08-24
  • 2021-06-22
  • 2021-11-14
  • 2021-12-25
猜你喜欢
  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
  • 2021-12-14
  • 2022-12-23
  • 2022-12-23
相关资源
相似解决方案