c++ - 单击按钮时在 QFrame 中绘制。

Question

假设有一个名为“Draw”的 QPushButton、一个 QLineEdit 和一个 QFrame。单击按钮时，我想从 QLineEdit 中获取一个数字并在 QFrame 中绘制一个圆圈。我怎样才能做到这一点？请给我代码。

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

Answer 1

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

主.cpp：

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

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

    Window w;
    w.show();

    return qapp.exec();
}

窗口.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;
};

窗口.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();
}

框架.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;
};

框架.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 中将其复制到屏幕上——例如，您可以为图形包执行此操作。