QT实现图片按钮

最新推荐文章于 2025-09-23 10:21:27 发布

原创

最新推荐文章于 2025-09-23 10:21:27 发布 · 1.4w 阅读

19 ·

CC 4.0 BY-SA版权

文章标签：

#qt #ui

本文介绍了如何在QT中使用图片作为按钮，提供了两种实现方式，包括图片切图效果的实现代码和使用三张独立图片的方法，是QT UI设计中的实用技巧。

我在网上找了很久，把他综合了一下

不说了关键代码来了；（这是一张图片切图的效果）

void 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));
}

调用