用c++和Qt的painter绘制一个填充了背景色的矩形

好的，下面是代码示例：

#include <QtWidgets>

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

    QWidget widget;
    widget.resize(400, 300);

    QPainter painter(&widget);
    painter.fillRect(widget.rect(), QBrush(Qt::blue));

    widget.show();

    return app.exec();
}

这段代码创建了一个 QWidget 窗口，然后使用 QPainter 绘制了一个填充了背景色的矩形。QPainter 通过 widget 参数来确定绘制的目标，使用 fillRect 方法填充整个窗口的矩形范围，QBrush 参数指定了填充的颜色。最后将 widget 显示出来即可。

相关问题

QT用paintevent函数实现报警时按钮由红色变为蓝色

在Qt中，可以通过在QPushButton的paintEvent函数中实现按钮的自定义绘制来实现按钮颜色的变化。

下面是一个示例代码，实现了一个自定义的MyButton类，该类继承自QPushButton，当按钮被点击时，按钮的背景色从红色变为蓝色：

#include <QPushButton>
#include <QPainter>

class MyButton : public QPushButton
{
public:
    MyButton(QWidget *parent = nullptr);

protected:
    void paintEvent(QPaintEvent *event) override;

private:
    QColor m_color;
};

MyButton::MyButton(QWidget *parent)
    : QPushButton(parent)
{
    m_color = QColor(Qt::red);
}

void MyButton::paintEvent(QPaintEvent *event)
{
    QPushButton::paintEvent(event);

    QPainter painter(this);
    painter.setRenderHint(QPainter::Antialiasing);

    if (m_color.isValid()) {
        painter.fillRect(rect(), m_color);
    }
}

void MyButton::mousePressEvent(QMouseEvent *event)
{
    m_color = QColor(Qt::blue);
    update(); // 强制重新绘制按钮
    QPushButton::mousePressEvent(event);
}

在上面的代码中，我们重写了QPushButton的paintEvent函数。在该函数中，我们首先调用了QPushButton的paintEvent函数，以确保按钮的默认绘制被执行。然后我们使用QPainter在按钮的矩形区域内填充了一个颜色。这里的颜色是一个成员变量m_color，它的初始值为红色。

当按钮被点击时，我们将m_color的值改为蓝色，并调用了update函数，强制重新绘制按钮。这样，按钮的背景色就从红色变为蓝色了。

QT 自定义QSlider滑动条，QSlider滑块圆形

### 回答1：
可以通过继承QSlider类并重写paintEvent()函数来自定义QSlider滑动条，同时可以通过设置QStyleOptionSlider中的subControls属性来设置滑块的形状为圆形。具体实现可以参考以下代码：

class CustomSlider : public QSlider
{
public:
    CustomSlider(QWidget *parent = nullptr) : QSlider(parent)
    {
        setStyleSheet("QSlider::groove:horizontal { height: 10px; background: #ddd; }"
                      "QSlider::handle:horizontal { width: 20px; border-radius: 10px; background: #333; }");
    }

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

        QPainter painter(this);
        painter.setRenderHint(QPainter::Antialiasing);

        QStyleOptionSlider opt;
        initStyleOption(&opt);

        QRect grooveRect = style()->subControlRect(QStyle::CC_Slider, &opt, QStyle::SC_SliderGroove, this);
        QRect handleRect = style()->subControlRect(QStyle::CC_Slider, &opt, QStyle::SC_SliderHandle, this);

        QPoint center = handleRect.center();

        painter.setPen(Qt::NoPen);
        painter.setBrush(QColor("#333"));
        painter.drawEllipse(center, handleRect.width() / 2, handleRect.height() / 2);
    }
};

在上述代码中，我们通过设置QSlider的样式表来设置滑动条的样式，其中groove表示滑动条的轨道，handle表示滑块。在paintEvent()函数中，我们首先调用QSlider的paintEvent()函数来绘制默认的滑动条，然后获取滑动条的轨道和滑块的矩形区域，并计算出滑块的中心点。最后，我们使用QPainter绘制一个圆形，将其填充为黑色，并以滑块的中心点为圆心，滑块宽度的一半为半径进行绘制，从而实现了圆形滑块的效果。

### 回答2：
QT是一款跨平台的C++图形用户界面应用程序开发框架。在QT中，我们可以自定义QSlider滑动条以及滑块的形状。

要自定义QSlider滑动条，首先我们需要创建一个自定义的滑动条类，继承QSlider。在该类中，我们可以重写一些QSlider的虚函数，如paintEvent()、sliderChange()等，以实现自定义的滑动条样式和功能。

要实现圆形的滑块，我们可以通过设置滑块样式表来实现。在QSlider的子类中，通过重写paintEvent()函数，我们可以在滑动条上绘制自定义的滑块。

以下是一个自定义的QSlider滑动条，滑块为圆形的示例代码：

class CustomSlider : public QSlider
{
    Q_OBJECT
public:
    CustomSlider(QWidget *parent = nullptr) : QSlider(parent)
    {
        setStyleSheet("QSlider::handle {"
                      "    background: green;"
                      "    border-radius: 8px;"
                      "    width: 16px;"
                      "    height: 16px;"
                      "}");
    }

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

        QPainter painter(this);
        painter.setRenderHint(QPainter::Antialiasing, true);

        QRect grooveRect = style()->subControlRect(QStyle::CC_Slider, this, QStyle::SC_SliderGroove, this);
        int x = grooveRect.x() + grooveRect.height() / 2 - 8;
        int y = grooveRect.y() + grooveRect.height() / 2 - 8;

        painter.setBrush(QColor(51, 153, 255));
        painter.setPen(Qt::NoPen);
        painter.drawEllipse(QRect(x, y, 16, 16));
    }
};

在上述代码中，我们重写了CustomSlider的构造函数和paintEvent()函数。构造函数中通过设置样式表，将滑块的背景设为绿色，圆角半径设为8px，并设置滑块的大小为16x16px。paintEvent()函数中，我们通过获取滑动条的轨道区域，计算滑块的位置，然后绘制一个蓝色圆形作为滑块。

我们可以在应用程序中使用CustomSlider类来替代QSlider类，从而实现自定义的滑动条和圆形滑块。

### 回答3：
要自定义QSlider滑动条，使滑块圆形，可以通过重写QStyle类的drawComplexControl方法来实现。具体步骤如下：

1. 创建一个继承自QStyle的自定义样式类，并重写drawComplexControl方法。

2. 在drawComplexControl方法中，首先调用父类的drawComplexControl方法，这样可以绘制默认样式的滑块。

3. 获取滑块的矩形区域，并将其设置为圆形。

4. 根据滑块的圆形矩形区域，绘制一个圆形。

5. 最后，将自定义样式类应用到QSlider控件上。

下面是实现上述步骤的示例代码：

#include <QtWidgets>

class CustomSliderStyle : public QStyle
{
public:
    using QStyle::QStyle;

    void drawComplexControl(ComplexControl control, const QStyleOptionComplex* option, QPainter* painter, const QWidget* widget = nullptr) const override
    {
        if (control == CC_Slider && option->subControls == SC_SliderHandle) {
            QStyleOptionSlider opt = *qstyleoption_cast<const QStyleOptionSlider*>(option);

            // 绘制默认样式的滑块
            QStyle::drawComplexControl(control, option, painter, widget);

            // 获取滑块的矩形区域
            QRect grooveRect = subControlRect(CC_Slider, option, SC_SliderHandle, widget);
            QRect handleRect = opt.rect;

            // 将滑块的矩形区域设置为圆形
            handleRect.setSize(QSize(handleRect.width(), handleRect.width()));
            handleRect.moveCenter(grooveRect.center());

            // 绘制圆形滑块
            painter->save();
            painter->setRenderHint(QPainter::Antialiasing, true);
            painter->setPen(Qt::NoPen);
            painter->setBrush(opt.palette.buttonText());
            painter->drawEllipse(handleRect);
            painter->restore();
        }
        else {
            QStyle::drawComplexControl(control, option, painter, widget);
        }
    }
};

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

    QSlider slider;
    CustomSliderStyle customStyle;
    slider.setStyle(&customStyle);

    slider.show();

    return app.exec();
}

通过以上代码，可以自定义QSlider滑动条，使滑块变为圆形。