QT制作一個位圖畫圖板程序

本文學習如何創建一個Qt繪制程序，用戶將能夠通過使用不同的尺寸和畫筆的顏色來表達他們的創造力。

主要功能：保存畫板內容為圖片、清除畫板內容、設置畫板大小、設置畫筆顏色

新建基於QMainWindow的應用程序，設置MainWindow.ui

代碼如下:

MainWindow.h 

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51

#ifndef  MAINWINDOW_H #define  MAINWINDOW_H #include  <QMainWindow> #include  <QPainter> #include  <QMouseEvent> #include  <QFileDialog> namespace  Ui { class  MainWindow; } class  MainWindow :  public  QMainWindow {     Q_OBJECT public :      explicit  MainWindow(QWidget *parent = nullptr);     ~MainWindow();      virtual   void  mousePressEvent(QMouseEvent *event);      virtual   void  mouseMoveEvent(QMouseEvent *event);      virtual   void  mouseReleaseEvent(QMouseEvent *event);      virtual   void  paintEvent(QPaintEvent *event);      virtual   void  resizeEvent(QResizeEvent *event); private  slots:      void  on_action_2px_triggered();      void  on_action_5px_triggered();      void  on_action_10px_triggered();      void  on_action_Black_triggered();      void  on_action_White_triggered();      void  on_action_Red_triggered();      void  on_action_Green_triggered();      void  on_action_Blue_triggered();      void  on_action_Save_triggered();      void  on_action_Clear_triggered(); private :     Ui::MainWindow *ui;     QImage          image;      bool             drawing;     QPoint          lastPoint;      int              brushSize;     QColor          brushColor; }; #endif   // MAINWINDOW_H

 

 MainWindow.cpp

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129 130 131 132 133 134 135

#include   "MainWindow.h" #include   "ui_MainWindow.h" #include  <QDebug> MainWindow::MainWindow(QWidget *parent) :     QMainWindow(parent),     ui( new  Ui::MainWindow) {     ui->setupUi( this );      //  create a QImage object, which acts as the canvas     image = QImage( this ->size(), QImage::Format_RGB32);     image.fill(Qt::white);     QImage tux;      //tux.load(qApp->applicationDirPath() + "/tux.png");     tux.load( "://tux.png" );     QPainter painter(&image);     painter.drawImage(QPoint( 100 ,  100 ), tux);     drawing =  false ;     brushColor = Qt::black;     brushSize =  2 ; } MainWindow::~MainWindow() {      delete  ui; } void  MainWindow::mousePressEvent(QMouseEvent *event) {      if  (event->button() == Qt::LeftButton)     {         drawing =  true ;         lastPoint = event->pos();     } } void  MainWindow::mouseMoveEvent(QMouseEvent *event) {      if  ((event->buttons() & Qt::LeftButton) && drawing)     {         QPainter painter(&image);         painter.setPen(QPen(brushColor, brushSize, Qt::SolidLine,                             Qt::RoundCap, Qt::RoundJoin));         painter.drawLine(lastPoint, event->pos());         lastPoint = event->pos();          this ->update();     } } void  MainWindow::mouseReleaseEvent(QMouseEvent *event) {      if  (event->button() == Qt::LeftButton)     {         drawing =  false ;     } } void  MainWindow::paintEvent(QPaintEvent *event) {     QPainter canvasPainter( this );     canvasPainter.drawImage( this ->rect(), image, image.rect()); } void  MainWindow::resizeEvent(QResizeEvent *event) {     QImage newImage(event->size(), QImage::Format_RGB32);     newImage.fill(qRgb( 255 ,  255 ,  255 ));     QPainter painter(&newImage);     painter.drawImage(QPoint( 0 ,  0 ), image);     image = newImage; } void  MainWindow::on_action_2px_triggered() {     brushSize =  2 ; } void  MainWindow::on_action_5px_triggered() {     brushSize =  5 ; } void  MainWindow::on_action_10px_triggered() {     brushSize =  10 ; } void  MainWindow::on_action_Black_triggered() {     brushColor = Qt::black; } void  MainWindow::on_action_White_triggered() {     brushColor = Qt::white; } void  MainWindow::on_action_Red_triggered() {     brushColor = Qt::red; } void  MainWindow::on_action_Green_triggered() {     brushColor = Qt::green; } void  MainWindow::on_action_Blue_triggered() {     brushColor = Qt::blue; } void  MainWindow::on_action_Save_triggered() {     QString filePath = QFileDialog::getSaveFileName( this ,  "Save Image" ,                                                      "" ,  "PNG (*.png);;JPEG (*.jpg *.jpeg);;All files (*.*)" );      if  (filePath ==  "" )          return ;     image.save(filePath); } void  MainWindow::on_action_Clear_triggered() {     image.fill(Qt::white);      this ->update(); }

 

 main.cpp

1 2 3 4 5 6 7 8 9 10 11 12 13 14

#include   "MainWindow.h" #include  <QApplication> int  main( int  argc,  char  *argv[]) {     QApplication a(argc, argv);     MainWindow w;     w.resize( 640 ,  480 );     w.show();      return  a.exec(); }

編譯運行，自由繪制吧！