在调用槽上绘制小部件

Question

我想用用户提供的颜色绘制一个圆圈，并在水平对齐上对其进行线编辑调整。

在插槽上使用了 painter 函数调用，但它不起作用

#include <QPainter>
#include "cascadeColorHighlightWidget.h"

CascadeColorHighlightWidget::CascadeColorHighlightWidget(QWidget *parent) : QWidget(parent)
{
    setWindowFlags(Qt::FramelessWindowHint | Qt::Widget);
    setAttribute( Qt::WA_DeleteOnClose, true );
    setFixedSize(187,164);
    setContentsMargins(0,0,0,0);
}

void CascadeColorHighlightWidget::paintEvent(QPaintEvent *event)
{
    Q_UNUSED(event);

    QPainter painter(this);
    painter.setRenderHints(QPainter::Antialiasing | QPainter::TextAntialiasing);
    QRectF contRect = contentsRect().adjusted(1, 1, -1, -1);
    painter.setPen(QPen(QColor(176, 176, 176),1));
    painter.setBrush(QColor(255,255,255));
    painter.drawRect(contRect);

    painter.setPen(QPen(QColor(51,51,51),1));
    QFont font( "Calibri" );
    font.setPixelSize(14);
    painter.setFont( font );

    painter.drawText(QPointF(contRect.x() + 18, contRect.y() + 28), "Color Highlight");
}

void CascadeColorHighlightWidget::focusOutEvent(QFocusEvent *event)
{
   Q_UNUSED(event);
   close();
}
void CascadeColorHighlightWidget::setColors(QColor color)
{
    QPainter painter(this);
    painter.setRenderHints(QPainter::Antialiasing | QPainter::TextAntialiasing);
    QRectF contRect = contentsRect().adjusted(1, 1, -1, -1);

    int rectYPos = contRect.y() + 55;

    painter.setPen(Qt::NoPen);
    QRectF ellipseRect = QRectF(contRect.x() + 18, rectYPos, 16, 16);

    painter.setPen(Qt::NoPen);
    painter.setBrush(color);
    painter.drawEllipse(ellipseRect);
    /*After this ellipse I need to draw a line edit where user can edit anytime*/

    }

但是通过调用 setcolot 它不会在小部件上绘制椭圆。只有 paintEvent 中的项目有效。

是否可以使用 painter 或者我需要保留 widgetItems 并插入到这个 wideget 中。请给些建议

Answer 1

所有绘画工作都应在 paintEvent 内完成。你必须保持状态，并相应地绘制项目。具有将 QPainter 作为参数的方法，并从 paintEvent 方法中调用它们，将您在那里创建的 QPainter object 传递给它们。

示例：

在您的小部件中 header 有：

private:
    void setColors(QColor c) { color = c; }
    void drawEllipse(QPainter & painter);
    QColor color;
    bool draw_ellipse;

如您所见，setColors 方法仅设置一种颜色，您将该颜色保存在私有实例变量中 color。

一个新方法托管绘画作业（以前在 setColors 中）：

void CascadeColorHighlightWidget::drawEllipse(QPainter &painter)
{
    painter.setRenderHints(QPainter::Antialiasing | QPainter::TextAntialiasing);
    QRectF contRect = contentsRect().adjusted(1, 1, -1, -1);

    int rectYPos = contRect.y() + 55;

    painter.setPen(Qt::NoPen);
    QRectF ellipseRect = QRectF(contRect.x() + 18, rectYPos, 16, 16);

    painter.setPen(Qt::NoPen);
    painter.setBrush(color);
    painter.drawEllipse(ellipseRect);
    /*After this ellipse I need to draw a line edit where user can edit anytime*/
}

这一行的变量color

painter.setBrush(color);

是你用setColors方法设置的。

paintEvent 方法应该是这样的：

void CascadeColorHighlightWidget::paintEvent(QPaintEvent *event)
{
    Q_UNUSED(event);

    QPainter painter(this);
    painter.setRenderHints(QPainter::Antialiasing | QPainter::TextAntialiasing);
    QRectF contRect = contentsRect().adjusted(1, 1, -1, -1);
    painter.setPen(QPen(QColor(176, 176, 176),1));
    painter.setBrush(QColor(255,255,255));
    painter.drawRect(contRect);

    painter.setPen(QPen(QColor(51,51,51),1));
    QFont font( "Calibri" );
    font.setPixelSize(14);
    painter.setFont( font );

    painter.drawText(QPointF(contRect.x() + 18, contRect.y() + 28), "Color Highlight");

    if(draw_ellipse)
    {
        drawEllipse(painter);
    }
}

最后，你测试draw_ellipse（不要忘记在构造函数中将它初始化为false），如果它是[=25，则调用drawEllipse方法=].

让我们绘制椭圆，例如使用 QWidget 的 mousePressEvent:

void CascadeColorHighlightWidget::mousePressEvent(QMouseEvent *event)
{
    setColors(QColor(Qt::red));
    draw_ellipse = true;
    update();
}

这里，你先设置一个颜色，然后设置draw_ellipse到true，然后（而且很重要）你调用QWidget的update slot：

[...] it schedules a paint event for processing when Qt returns to the main event loop.

因此将调用 paintEvent 方法，并且您的绘画会相应地更新为您的 class 状态（color 和 draw_ellipse 变量）。

在调用槽上绘制小部件

painting the widget on calling slot

c++

qt

qt4