Qt实现 图片处理器PictureEdit

图片处理器PictureEdit

创建工程，添加资源文件

1 创建工具栏

• widget.h中

#include 
#include
#include
#include
#include
#include

class QToolBar;
private:
    void createTollBar();

private:
    QPixmap pic;
    QToolBar * toolBar;
1
2
3
4
5
6
7
8
9
10
11
12
13
14

• widget.cpp中

Widget::Widget(QWidget *parent)
    : QWidget(parent)
{
    this->createTollBar();
    this->resize(400,500);
}
1
2
3
4
5
6

• 添加按钮及图标

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);
}
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

2 打开图片

• 在widget.h中添加槽

public slots:
    void openPic();
1
2

• 在widget.cpp中实现

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

• 然后在createToolBar函数中连接

    //打开图片
    QAction *openAct = new QAction(QIcon("://Icon/open.png"),"打开图片");

    //连接信号
    connect(openAct,&QAction::triggered,this,&Widget::openPic);
    this->toolBar->addAction(openAct);
1
2
3
4
5
6

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

3 显示图片

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

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

• 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);
}
1
2
3
4
5
6
7
8

4 灰度处理

• widget.h

    void grayPic();
1

• 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;jpic = QPixmap::fromImage(image);
    //重新画图
    this->update();
}
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20

• createToolBar函数，连接信号

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

5 颜色反转

• widget.h

    void invertnPic();
1

• 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;jpic = QPixmap::fromImage(image);
    //重新画图
    this->update();
}
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24

• createToolBar函数，连接信号

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

6 马赛克

• widget.h

    void mosaicPic();
1

• 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;jpic = QPixmap::fromImage(image);
    //重新画图
    this->update();
}
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

• createToolBar函数，连接信号

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

• createToolBar函数，连接信号

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

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