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

在Qt中，可以通过点击按钮来切换其背景颜色。以下是一个简单的示例，展示如何实现这一功能：

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

class MyWindow : public QWidget {
    Q_OBJECT

public:
    MyWindow(QWidget *parent = nullptr) : QWidget(parent) {
        // 创建一个 QPushButton
        button = new QPushButton("Click Me", this);

        // 设置初始背景色
        button->setStyleSheet("background-color: lightgray;");

        // 连接按钮的 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-color: lightgray;") {
            button->setStyleSheet("background-color: lightgreen;");
            button->setText("Background is Green");
        } else {
            button->setStyleSheet("background-color: lightgray;");
            button->setText("Background is Gray");
        }
    }

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 文件，确保 signal-slot 正常工作

代码说明：

创建窗口和按钮：
- 我们定义了一个 MyWindow 类继承自 QWidget，并在其中创建了一个 QPushButton。
设置初始样式：
- 使用 setStyleSheet() 方法为按钮设置初始背景颜色（这里是浅灰色）。
连接信号与槽：
- 当按钮被点击时，会触发 clicked 信号，我们将其连接到槽函数 onButtonClicked()。
切换背景颜色：
- 在槽函数中，我们检查当前的样式表。如果当前样式表是浅灰色，则将其更改为浅绿色；如果是浅绿色，则返回浅灰色。
- 同时更新按钮文本以指示当前状态。
主程序：在主函数中实例化窗口并显示它。