初识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(, );//窗口大小
     pix = QPixmap(, );//画布大小
     pix.fill(Qt::white);

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

     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(, , 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 *= ;//放大两倍
     update();
 }

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

5、运行结果如下