在呼叫槽上绘制小部件

时间:2017-12-13 12:53:29

标签: c++ qt qt4

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

在插槽上使用了画家函数调用,但它无法正常工作

#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,或者我需要保留widgetItem并插入此wideget中。请提出一些建议

1 个答案:

答案 0 :(得分:0)

所有绘画工作都应该在paintEvent进行。你必须保持状态,并相应地绘制项目。使用QPainter作为参数并从paintEvent方法中调用它们的方法,将您在那里创建的QPainter对象传递给它们。

示例:

在你的小部件标题中有:

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)并调用drawEllipse方法,如果它是true

让我们绘制椭圆,例如使用QWidget的{​​{1}}:

mousePressEvent

在这里,您先设置一种颜色,然后将void CascadeColorHighlightWidget::mousePressEvent(QMouseEvent *event) { setColors(QColor(Qt::red)); draw_ellipse = true; update(); } 设置为draw_ellipse,然后(并且很重要)您调用QWidget的update slot

  

[...]它会在Qt返回时调度一个paint事件进行处理   主要事件循环。

因此将调用paintEvent方法,并根据您班级的状态(truecolor变量)更新您的绘画。