【转】三、QT例子-打开一个图片并且显示

谁借莪１个温暖的怀抱￠ 2022-10-22 12:59 137阅读 0赞

# 一、前言 #

本博客的主要目的在于对QT有进一步的了解，单纯只使用QT。

今天小例子主要是打开图片，然后显示出来，并且显示图片的路径。

# 二、工程建立 #

###        1、参考前面 博客一QT安装过程里面的例子， 建立一个QT GUI Application ###

###         2、打开.ui文件，然后拖动一个label控件，双击删除内容，然后拖动一个pushButtion, 更改内容为“打开图片” ###

![ed671322e8e6550b92b1459f791281de.png][]

注意其名称如箭头指示，一个是label\_2,一个是pushButton

###             3、拖动一个lineText到如下位置： ###

![085a1d5faa38e5d680d1e9841825749b.png][]

###             4、然后保存并且关闭ui文件 ###

###             5、建立工程如图（仍然是博客一的工程），配置属性:release x64 ###

![0c37144cd0d6ef018094696bb572c583.png][]

###            7、代码如下： ###

main.cpp:

![961ddebeb323a10fe0623af514929fc1.png][]

#include "HelloWorld.h"
    #include <QtWidgets/QApplication>
    
    int main(int argc, char *argv[])
    {
        QApplication a(argc, argv);
        HelloWorld w;
        w.show();
        return a.exec();
    }

helloWorld.h

![961ddebeb323a10fe0623af514929fc1.png][]

#pragma once
    
    #include <QtWidgets/QMainWindow>
    #include "ui_HelloWorld.h"
    #include <Qlabel>
    #include <QLineEdit>
    #include <QImage>
    #include <QFileInfo>
    #include <QFileDialog>
    class HelloWorld : public QMainWindow
    {
        Q_OBJECT
    
    public:
        HelloWorld(QWidget *parent = Q_NULLPTR);
    
    private:
        Ui::HelloWorldClass ui;
    private slots:
        void OpenImg();
    };

helloWorld.cpp

![961ddebeb323a10fe0623af514929fc1.png][]

#include "HelloWorld.h"
    
    HelloWorld::HelloWorld(QWidget *parent)
        : QMainWindow(parent)
    {
        ui.setupUi(this);
        
        connect(ui.pushButton, SIGNAL(clicked(bool)), this, SLOT(OpenImg()));
    }
    void HelloWorld::OpenImg()
    {
        
        QString OpenFile, OpenFilePath;
        QImage image;
    
        OpenFile = QFileDialog::getOpenFileName(this,
            "please choose an image file",
            "",
            "Image Files(*.jpg *.png *.bmp *.pgm *.pbm);;All(*.*)");
        if (OpenFile != "")
        {
            if (image.load(OpenFile))
            {
                //仅仅只是导入之后的图片仍然是原来的大小，这个时候我们需要缩放
                ui.label_2->setPixmap(QPixmap::fromImage(image).scaled(ui.label_2->size()));
            }
            
        }
        //显示所有的图片路径
        QFileInfo OpenFileInfo;
        OpenFileInfo = QFileInfo(OpenFile);
        OpenFilePath = OpenFileInfo.filePath();
        ui.lineEdit->setText(OpenFilePath);
    }

###   8、编译运行 ###

点击打开图片，然后就可以显示如下，并且可以显示图片的路径

![4878d5dd80f3fb3d85b19192fbf45952.png][]

#  三、遇到问题 #

当代码第一次写入的时候，这个时候控件的名字下面会出现波浪线，如下。

![c795d2aee87a4d8e339070f48dd55749.png][]

放上去的时候会显示没有ui没有成员label\_2.

这种情况就是ui界面已经定义了控件，但是在cpp里面却没有办法调用。

处理办法如下：

###     1、点击ui文件，然后右键选择编译 ###

![9494af96cb539b315f891ba06a24e1b2.png][]

![4cf9812a99c0cc611f860a3c462a5998.png][]

###     2、然后选择HelloWorld项目，右键选择重新扫描解决方案 ###

![24c653ad06f375076154c7ecc459a767.png][]

如果不行多试几次。

# 四、参考博客 #

问题：控件在cpp里面无法调用

[https://blog.csdn.net/qq\_38378235/article/details/82288874][https_blog.csdn.net_qq_38378235_article_details_82288874]

打开显示图片：

[https://blog.csdn.net/weixin\_42704090/article/details/90400427][https_blog.csdn.net_weixin_42704090_article_details_90400427]

[ed671322e8e6550b92b1459f791281de.png]: /images/20221022/8a30b8af471d457aa69575fe6d49be5d.png
[085a1d5faa38e5d680d1e9841825749b.png]: /images/20221022/8255267a5af54779a3ffcadc71ec76a5.png
[0c37144cd0d6ef018094696bb572c583.png]: /images/20221022/e8d5851d72924b3e9671f016cf0f11fc.png
[961ddebeb323a10fe0623af514929fc1.png]: /images/20221022/8b6caa1699a7429f93d8238d876e7fe4.png
[4878d5dd80f3fb3d85b19192fbf45952.png]: /images/20221022/199861a63acb4dd3a5dbb007120a4986.png
[c795d2aee87a4d8e339070f48dd55749.png]: /images/20221022/ca0784365cef407cad5bce9a76a03531.png
[9494af96cb539b315f891ba06a24e1b2.png]: /images/20221022/3b1d3d96e1904555b08f6b9a02f9ad1d.png
[4cf9812a99c0cc611f860a3c462a5998.png]: /images/20221022/0569208f17cc43918780fdd4d4d88897.png
[24c653ad06f375076154c7ecc459a767.png]: /images/20221022/dcc3f0261bb2407ca46e220405013983.png
[https_blog.csdn.net_qq_38378235_article_details_82288874]: https://blog.csdn.net/qq_38378235/article/details/82288874
[https_blog.csdn.net_weixin_42704090_article_details_90400427]: https://blog.csdn.net/weixin_42704090/article/details/90400427