button点击切换按钮背景图片-QT开发中文网

要在Qt中实现点击按钮切换背景图片，您可以使用setStyleSheet()方法来设置按钮的样式。以下是一个示例代码，展示如何通过点击按钮切换其背景图片：

#include <QApplication>
#include <QPushButton>
#include <QWidget>
#include <QVBoxLayout>

class MyWindow : public QWidget {
    Q_OBJECT

public:
    MyWindow(QWidget *parent = nullptr) : QWidget(parent) {
        // 创建一个 QPushButton
        button = new QPushButton(this);
        
        // 设置初始背景图片
        button->setStyleSheet("background-image: url(initial_image.png);");
        button->setFixedSize(200, 100); // 设置按钮大小

        // 连接按钮的 clicked 信号到自定义槽函数
        connect(button, &QPushButton::clicked, this, &MyWindow::onButtonClicked);

        // 设置布局
        QVBoxLayout *layout = new QVBoxLayout(this);
        layout->addWidget(button);
        setLayout(layout);
    }

public slots:
    void onButtonClicked() {
        // 切换背景图片
        if (button->styleSheet() == "background-image: url(initial_image.png);") {
            button->setStyleSheet("background-image: url(alternate_image.png);");
            button->setText("Image is Alternate");
        } else {
            button->setStyleSheet("background-image: url(initial_image.png);");
            button->setText("Image is Initial");
        }
    }

private:
    QPushButton *button;
};

int main(int argc, char *argv[]) {
    QApplication app(argc, argv);

    MyWindow window;
    window.resize(300, 200);
    window.show();

    return app.exec();
}

#include "main.moc"  // 包含 moc 文件，确保信号与槽正常工作

代码说明：

创建窗口和按钮：
- 定义了一个 MyWindow 类，它继承自 QWidget，并在其中创建了一个 QPushButton。
设置初始背景图片：
- 使用 setStyleSheet() 方法为按钮设置初始背景图片（这里假设有一张名为 initial_image.png 的图片）。
连接信号与槽：
- 将按钮的 clicked 信号连接到槽函数 onButtonClicked()。
切换背景图片：
- 在槽函数中检查当前的样式表，根据当前的样式表来切换至另一张背景图片（例如：alternate_image.png），并更新按钮文本以指示当前状态。
主程序：实例化窗口并显示它。