图片处理器PictureEdit

创建工程，添加资源文件

1 创建工具栏

• widget.h中

#include <QWidget>
#include<QPixmap>
#include<QFileDialog>
#include<QAction>
#include<QToolBar>
#include<QIcon>class QToolBar;
private:void createTollBar();private:QPixmap pic;QToolBar * toolBar;

• widget.cpp中

Widget::Widget(QWidget *parent): QWidget(parent)
{this->createTollBar();this->resize(400,500);
}

• 添加按钮及图标

void Widget::createTollBar()
{this->toolBar = new QToolBar(this);//打开图片QAction *openAct = new QAction(QIcon("://Icon/open.png"),"打开图片");this->toolBar->addAction(openAct);//还原QAction *recoverAct = new QAction(QIcon("://Icon/recover.png"),"还原图片");this->toolBar->addAction(recoverAct);//灰图QAction *grayAct = new QAction(QIcon("://Icon/gray.png"),"灰图处理");this->toolBar->addAction(grayAct);//反转QAction *invertnAct = new QAction(QIcon("://Icon/Invert colors.png"),"颜色反转");this->toolBar->addAction(invertnAct);//模糊QAction *blurAct = new QAction(QIcon("://Icon/blurring.png"),"模糊处理");this->toolBar->addAction(blurAct);//马赛克QAction *mosaicAct = new QAction(QIcon("://Icon/mosaic.png"),"马赛克处理");this->toolBar->addAction(mosaicAct);//水墨QAction *inkAct = new QAction(QIcon("://Icon/ink painting.png"),"水墨处理");this->toolBar->addAction(inkAct);
}

2 打开图片

• 在widget.h中添加槽

public slots:void openPic();

• 在widget.cpp中实现

void Widget::openPic()
{QString filePath = QFileDialog::getOpenFileName(this,"打开图片","./","image(*.png *.jpg *.bmp");this->pic = QPixmap(filePath);this->resize(this->pic.size());
}

• 然后在createToolBar函数中连接

    //打开图片QAction *openAct = new QAction(QIcon("://Icon/open.png"),"打开图片");//连接信号connect(openAct,&QAction::triggered,this,&Widget::openPic);this->toolBar->addAction(openAct);

不过此时添加后图片还无法显示

3 显示图片

• 在widget.h中重写画图的虚函数

protected://重写虚函数void paintEvent(QPaintEvent *event) Q_DECL_OVERRIDE;

• widget.cpp

void Widget::paintEvent(QPaintEvent *event)
{//显示在当前窗口QPainter p(this);//绘制图片p.drawPixmap(0,0,this->pic.width(),this->pic.height(),this->pic);QWidget::paintEvent(event);
}

4 灰度处理

• widget.h

    void grayPic();

• widget.cpp

void Widget::grayPic()
{QImage image = this->pic.toImage();image.convertToFormat(QImage::Format_ARGB32);//转换成ARGB32以方便设置颜色//分辨遍历长和宽，因为图片长方形for(int i=0; i<=image.width();i++){for(int j=0;j<image.height();j++){//每个像素点都修改QRgb pixel = image.pixel(i,j);//平均值int avg = qGray(pixel);image.setPixel(i,j,qRgb(avg,avg,avg));}}this->pic = QPixmap::fromImage(image);//重新画图this->update();
}

• createToolBar函数，连接信号

    //灰图QAction *grayAct = new QAction(QIcon("://Icon/gray.png"),"灰图处理");connect(grayAct,&QAction::triggered,this,&Widget::grayPic);this->toolBar->addAction(grayAct);

5 颜色反转

• widget.h

    void invertnPic();

• widget.cpp

void Widget::invertnPic()
{QImage image = this->pic.toImage();image.convertToFormat(QImage::Format_ARGB32);//转换成ARGB32以方便设置颜色//分辨遍历长和宽，因为图片长方形for(int i=0; i<=image.width();i++){for(int j=0;j<image.height();j++){//每个像素点都修改QColor pixel = image.pixelColor(i,j);int r = pixel.red();int g = pixel.green();int b = pixel.blue();QColor newColor((255-r),(255,g),(255-b));image.setPixelColor(i,j,newColor);}}this->pic = QPixmap::fromImage(image);//重新画图this->update();
}

• createToolBar函数，连接信号

    //反转QAction *invertnAct = new QAction(QIcon("://Icon/Invert colors.png"),"颜色反转");connect(invertnAct,&QAction::triggered,this,&Widget::invertnPic);this->toolBar->addAction(invertnAct);

6 马赛克

• widget.h

    void mosaicPic();

• widget.cpp

void Widget::mosaicPic()
{QImage image = this->pic.toImage();image.convertToFormat(QImage::Format_ARGB32);//转换成ARGB32以方便设置颜色//分辨遍历长和宽，因为图片长方形int w = image.width()%SIZE;int h = image.height()%SIZE;for(int i=0; i<=image.width()-w;i+=SIZE){for(int j=0;j<image.height()-h;j+=SIZE){//每个像素点都修改int r=0,g=0,b=0;for(int m = i;m<i+SIZE;m++){for(int n = j;n<j+SIZE;n++){QColor c = image.pixelColor(m,n);r+=c.red();g+=c.green();b+=c.blue();}}QColor newColor(r/(SIZE*SIZE),g/(SIZE*SIZE),b/(SIZE*SIZE));for(int m = i;m<i+SIZE;m++){for(int n = j;n<j+SIZE;n++){image.setPixelColor(m,n,newColor);}}}}this->pic = QPixmap::fromImage(image);//重新画图this->update();
}

• createToolBar函数，连接信号

    //马赛克QAction *mosaicAct = new QAction(QIcon("://Icon/mosaic.png"),"马赛克处理");connect(mosaicAct,&QAction::triggered,this,&Widget::mosaicPic);this->toolBar->addAction(mosaicAct);

• createToolBar函数，连接信号

    //马赛克QAction *mosaicAct = new QAction(QIcon("://Icon/mosaic.png"),"马赛克处理");connect(mosaicAct,&QAction::triggered,this,&Widget::mosaicPic);this->toolBar->addAction(mosaicAct);

[外链图片转存中…(img-xxswHv9g-1696602317319)]