单击按钮时在 QFrame 中绘制。

Question

假设有一个名为“Draw”的 QPushButton、一个 QLineEdit 和一个 QFrame。单击按钮时，我想从 QLineEdit 中获取一个数字并在 QFrame 中绘制一个圆圈。我该怎么做？请向我提供代码。

PS问题是QPainter的draw方法应该在drawEvent方法中调用。

Answer 1

如果@Kaleb Pederson的答案是对您来说还不够，那么这里有一个完整的解决方案，用于与您所描述的内容相匹配的简单设置。在 Linux 上使用 Qt 4.5.2 进行测试。我有一些空闲时间...;)

main.cpp:

#include <QApplication>
#include "window.h"

int main( int argc, char** argv )
{
    QApplication qapp( argc, argv );

    Window w;
    w.show();

    return qapp.exec();
}

window.h

#pragma once

class QLineEdit;
class QPushButton;
#include <QWidget>

class Frame;

class Window : public QWidget
{
Q_OBJECT

public:
    Window();

private slots:
    void onButtonClicked();

private:
    QLineEdit*   m_lineEdit;
    QPushButton* m_pushButton;
    Frame*       m_frame;
};

window.cpp:

#include <QHBoxLayout>
#include <QLineEdit>
#include <QPushButton>
#include <QVBoxLayout>

#include "frame.h"
#include "window.h"

Window::Window()
    : m_lineEdit  ( new QLineEdit( this ) )
    , m_pushButton( new QPushButton( tr( "Draw" ), this ) )
    , m_frame     ( new Frame( this ) )
{
    connect( m_pushButton, SIGNAL( clicked() )
           , SLOT( onButtonClicked() ) );

    QHBoxLayout*const hLayout = new QHBoxLayout;
    hLayout->addWidget( m_lineEdit );
    hLayout->addWidget( m_pushButton );

    QVBoxLayout*const vLayout = new QVBoxLayout( this );
    vLayout->addLayout( hLayout );
    m_frame->setFixedSize( 300, 400 );
    vLayout->addWidget( m_frame );

    setLayout( vLayout );
}

void Window::onButtonClicked()
{
    const int r = m_lineEdit->text().toInt(); // r == 0 if invalid
    m_frame->setCircleRadius( r );
    m_frame->update();
}

frame.h:

#pragma once

#include <QFrame>

class Frame : public QFrame
{
Q_OBJECT

public:
    Frame( QWidget* );

    void setCircleRadius( int );

protected:
    void paintEvent( QPaintEvent* );

private:
    int m_radius;
};

frame.cpp:

#include <QPainter>

#include "frame.h"

Frame::Frame( QWidget* parent )
    : QFrame( parent )
    , m_radius( 0 )
{
    setFrameStyle( QFrame::Box );
}

void Frame::setCircleRadius( int radius )
{
    m_radius = radius;
}

void Frame::paintEvent( QPaintEvent* pe )
{
    QFrame::paintEvent( pe );

    if ( m_radius > 0 )
    {
        QPainter p( this );
        p.drawEllipse( rect().center(), m_radius, m_radius );
    }
}

Answer 2

如果您希望框架进行绘图，那么它需要一种方法来知道它应该绘制某些内容，因此创建一个将接收通知的插槽：

/* slot */ void drawCircle(QPoint origin, int radius) {
    addCircle(origin, radius);
    update(); // update the UI
}

void addCircle(QPoint origin, int radius) {
    circleList.add(new Circle(origin,radius));
}

然后，您的框架子类需要重写paintEvent() 绘制圆圈：

void paintEvent(QPaintEvent *event) {
    QFrame::paintEvent(event);
    QPainter painter(this);
    foreach (Circle c, circleList) { // understand foreach requirements
        painter.drawEllipse(c.origin(), c.radius(), c.radius());
    }
}

只要响应按钮的 clicked() 信号的插槽发出一个信号，使用正确的参数调用 drawCircle 插槽，一切都应该正常工作。

Answer 3

您不会直接在框架上绘图。
从这里开始 graphicsview，乍一看很复杂 - 但 GUI 程序是一个很大的飞跃你第一次遇到它

在大多数 GUI（Qt、OpenGL 等）中，你会建立一个你想要在程序中绘制的元素列表并以某种方式存储它们 - 然后有一个 draw() 函数，当计算机需要绘制你的元素时，它会被调用图片 - 例如，当它被移动或另一个窗口被移动到它前面时。然后调用 OnDraw 或 OnRepaint 等函数，您必须绘制对象列表。

另一种方法是将它们全部绘制到图像（QOimage 或 QPixmap），然后在 OnDraw 或 OnRepaint 中将其复制到屏幕 - 例如，您可以对图形包执行此操作。