如何基于QT4.8.7在QWidget界面设计中使用QWidget基类编写实现一个由按钮控制的能从绿色变为红色的LED灯

在使用Qt4.8.7版本进行QWidget界面设计时，你可以基于QWidget基类编写一个能由按钮控制的从绿色变为红色的LED灯。以下是一个简单的示例代码：

#include <QtGui>

class LEDWidget : public QWidget {
public:
    LEDWidget(QWidget *parent = nullptr) : QWidget(parent), m_on(false) {
        setFixedSize(20, 20); // 设置小部件的固定大小
    }

    void setOn(bool on) {
        m_on = on;
        update(); // 更新小部件的绘制
    }

protected:
    void paintEvent(QPaintEvent *event) override {
        Q_UNUSED(event);

        QPainter painter(this);
        painter.setRenderHint(QPainter::Antialiasing); // 抗锯齿
        painter.setBrush(m_on ? Qt::red : Qt::green); // 根据状态设置画刷颜色

        QRectF rect(0, 0, width(), height());
        painter.drawEllipse(rect); // 在小部件内绘制圆形

        if (m_on) {
            painter.setPen(Qt::white);
            painter.drawEllipse(rect.adjusted(2, 2, -2, -2)); // 绘制内部的白色圆形
        }
    }

private:
    bool m_on;
};

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

    QWidget window;
    QVBoxLayout layout(&window);

    QPushButton button("Toggle LED");
    LEDWidget ledWidget;
    layout.addWidget(&button);
    layout.addWidget(&ledWidget);

    QObject::connect(&button, SIGNAL(clicked()), &ledWidget, SLOT(toggleLED()));

    window.show();

    return app.exec();
}

在上面的示例中，我们创建了一个名为LEDWidget的自定义QWidget类，它重写了paintEvent()函数来绘制LED灯的效果。通过设置painter的画刷颜色和绘制圆形，我们可以实现LED灯的开关效果。在LEDWidget类中，我们添加了一个名为setOn()的公共槽函数，用于设置LED灯的状态，并在paintEvent()中进行绘制更新。在main()函数中，我们创建了一个QWidget窗口，使用QVBoxLayout布局来放置一个QPushButton按钮和一个LEDWidget小部件。通过连接QPushButton的clicked信号和LEDWidget的toggleLED槽函数，当按钮被点击时，LED灯的状态会切换。

运行以上代码，你将会看到一个包含按钮和LED小部件的窗口。每次点击按钮，LED灯的颜色将在绿色和红色之间切换。