初识Qt涂鸦板绘制

1、新建一个Qt Gui应用，项目名称为myPalette，基类选择为QMainWindow，类名设置为MainWindow。

2、在mainwindow.h头文件中添加以下代码，同时添加#include<QPushButton>

private:
    Ui::MainWindow *ui;
    QPixmap pix;
    QPoint lastPoint;
    QPoint endPoint;
    qreal scale;
    QPushButton *zoomInButton, *zoomOutButton;

protected:
    void paintEvent(QPaintEvent *);
    void mousePressEvent(QMouseEvent *);
    void mouseMoveEvent(QMouseEvent *);
    void mouseReleaseEvent(QMouseEvent *);

public slots:
    void zoomIn();
    void zoomOut();

3、在mainwindow.cpp文件中添加#include<QPainter>，同时在构造函数中添加以下代码段

 resize(600, 500);//窗口大小
    pix = QPixmap(400, 400);//画布大小
    pix.fill(Qt::white);

    scale = 1;//不放大
    zoomInButton = new QPushButton(this);//放大按钮
    zoomInButton->setText(tr("zoomIn"));
    zoomInButton->move(400,450);
    zoomOutButton = new QPushButton(this);//缩小按钮
    zoomOutButton->setText(tr("zoomOut"));
    zoomOutButton->move(500,450);

    connect(zoomInButton, SIGNAL(clicked()), this, SLOT(zoomIn()));
    connect(zoomOutButton, SIGNAL(clicked()), this, SLOT(zoomOut()));

4、在mainwindow.cpp文件中配置相关的事件函数，代码如下

void MainWindow::paintEvent(QPaintEvent *)
{
    QPainter pp(&pix);
    pp.drawLine(lastPoint/scale, endPoint/scale);//保证画布坐标和窗口坐标相同，避免窗口坐标变化，而画布坐标未发生改变
    lastPoint = endPoint;
    QPainter painter(this);
    painter.scale(scale, scale);//进行放大操作，放大的是窗口坐标。如果想放大画布坐标，则执行pp.scale(scale, scale);
    painter.drawPixmap(0, 0, pix);//从窗口的原点（0, 0）添加该QPixmap对象，在窗口中放置画布pix。
                                                  //若drawPixmap(0, 0, 100, 100, pix)，则指定了添加对象的尺寸大小
}

void MainWindow::mousePressEvent(QMouseEvent *event)
{
    if(event->button() == Qt::LeftButton)//button()函数返回的是按下的键，直接判断是否为某个键。适用于鼠标键一次按下
    {
        lastPoint = event->pos();
    }
}

void MainWindow::mouseMoveEvent(QMouseEvent *event)
{
    if(event->buttons()&Qt::LeftButton)//buttons()函数返回的是按下的键的状态，需要通过OR运算进行判断。适用于鼠标键持续按下
    {
        endPoint = event->pos();
        update();//调用update()函数会进行paintEvent()函数的重新绘制
    }
}

void MainWindow::mouseReleaseEvent(QMouseEvent *event)
{
    if(event->button() == Qt::LeftButton)
    {
        endPoint = event->pos();
        update();
    }
}

void MainWindow::zoomIn()
{
    scale *= 2;//放大两倍
    update();
}

void MainWindow::zoomOut()
{
    scale /= 2;//缩小两倍
    update();
}

5、运行结果如下