目录
  • 一、项目介绍
  • 二、项目基本配置
  • 三、UI界面设计
  • 四、主程序实现
    • 4.1 widget.h头文件
    • 4.2 widget.cpp源文件
  • 五、效果演示

    一、项目介绍

    利用QImage类实现对图像的基本操作,包括图像显示、图像缩放、图像旋转等。

    二、项目基本配置

    新建一个Qt案例,项目名称为“ImageTest”,基类选择“QWidget”,点击选中创建UI界面复选框,完成项目创建。

    三、UI界面设计

    UI界面布局如下:

    详解Qt使用QImage类实现图像基本操作

    界面中创建了5个控件,其名称和类型如下:

    序号 名称 类型 属性
    Choose QPushButton text:选择图像
    Rotate QPushButton text:图像旋转
    Zoom QPushButton text:图像缩放
    imagelabel QLabel \
    horizontalSlider QSlider minimum:0
    maximum:359

    四、主程序实现

    4.1 widget.h头文件

    头文件中声明原始图像img:

    public:
        QImage img;//原始图像
    

    声明三个按钮点击槽函数和一个滑动条滑动槽函数:

    private slots:
        void on_Choose_clicked();
    
        void on_Rotate_clicked();
    
        void on_Zoom_clicked();
    
        void on_horizontalSlider_valueChanged(int value);
    

    4.2 widget.cpp源文件

    定义选择图像槽函数:

    //选择图像
    void Widget::on_Choose_clicked()
    {
        QString path=QFileDialog::getOpenFileName(this,tr("选择图像"),"E:\\image\\",tr("Images (*.png *.bmp *.jpg *.tif *.GIF )"));
        if(path.isEmpty())
        {
             return;
        }
        else
        {
            if(! ( img.load(path) ) ) //加载图像
            {
                QMessageBox::information(this,tr("打开图像失败"),tr("打开图像失败!"));
                //delete img;
                return;
            }
            //img.load(path);
            ui->imagelabel->setPixmap(QPixmap::fromImage(img));
        }
    
    }
    

    定义图像缩放槽函数:

    //图像缩放
    void Widget::on_Zoom_clicked()
    {
        QImage* imgScaled = new QImage;
        int width=ui->imagelabel->width()/2;
        int height=ui->imagelabel->height()/2;
        *imgScaled=img.scaled(width,height,Qt::KeepAspectRatio);//对半缩放
        ui->imagelabel->setPixmap(QPixmap::fromImage(*imgScaled));
    }
    

    定义图像旋转槽函数:

    //图像旋转
    void Widget::on_Rotate_clicked()
    {
        ui->horizontalSlider->setVisible(true);//显示滑动条
    }
    

    定义滑动条值变化槽函数:

    //进度条值变化
    void Widget::on_horizontalSlider_valueChanged(int value)
    {
        qDebug()<<value;//输出旋转角度
        QImage* imgRatate = new QImage;
        QMatrix matrix;
        matrix.rotate(value);
        *imgRatate = img.transformed(matrix);
        ui->imagelabel->setPixmap(QPixmap::fromImage(*imgRatate));
    }
    

    五、效果演示

    完整效果如下:

    详解Qt使用QImage类实现图像基本操作

    声明:本站所有文章,如无特殊说明或标注,均为本站原创发布。任何个人或组织,在未征得本站同意时,禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益,可联系我们进行处理。