Qt实现简单项目——打开图片

实现功能：通过按钮打开本地图片并显示。

效果如下：

步骤：

1、新建工程

点击“new”新建，选择QT窗体应用，如下图所示

 给工程命名，注意名字中不要带有中文，选择保存路径，下一步......保存。

2.UI界面添加各控件

1）点击新建的工程文件，选择打开UI文件，该界面下，根据需求调整合适的界面尺寸；

2）添加label控件，拉伸至合适的尺寸，导入的图片会放在label控件的区域，故该控件拉伸的不要太小，否则可能图片显示异常，双击文字“textlabel”将其删除；

 3）添加按钮控件“push button”，拉伸合适的大小，双击文字可修改其显示内容（或在右侧属性位置修改），

 

 4）点击按钮控件，右键，选择“转到槽”，选择“clicked()”，将会自动跳转至代码页面。

 

 3.代码编写

 1）跳转至代码页面后，在编辑界面添加代码，如下所示

#include "mainwindow.h"
#include "ui_mainwindow.h"
#include <QFileDialog>  //添加的头文件
#include <QDebug>       //添加的头文件

MainWindow::MainWindow(QWidget *parent)
    : QMainWindow(parent)
    , ui(new Ui::MainWindow)
{
    ui->setupUi(this);
}

MainWindow::~MainWindow()
{
    delete ui;
}


void MainWindow::on_pushButton_clicked()
{


    QString filename=QFileDialog::getOpenFileName(this,tr("Open Image"),QDir::homePath(),tr("(*.jpg)\n(*.bmp)\n(*.png)"));   //打开图片文件，选择图片
    qDebug()<<"filename:"<<filename;
    QImage image=QImage(filename);   //图片初始化
    qDebug()<<"image:"<<image;
    if(!image.isNull())
    {
        ui->statusbar->showMessage(tr("Open Image Success!"),3000); //打开成功时显示的内容
    }
    else
    {
        ui->statusbar->showMessage(tr("Save Image Failed!"),3000);
        return;
    }
}

 2）点击运行，得到如下界面，点击“打开图片”按钮，即可选择文件位置，打开图片，成功的打开图片后，界面左下角会显示Open Image Success! ” 

 

 至此，程序功能完成，图片打开成功。

附加，添加按钮“关闭”，点击即可关闭实现的界面。

1）添加按钮“push button”，修改显示文字为“关闭”，选择下方的“Signals Slots Editor”，点击加号

 添加关联的信号和槽关系，

发送者：下拉选择退出按钮的名称“pushButton_2”，如有修改，选择其实际名称；

信号：选择clicked();

接收者：选择主界面MainWindow；

槽：选择关闭功能“close()”，运行程序即可实现功能。

 

功能实现，开心~

 新人小白，分享自己学到的功能，如有错误，欢迎指正批评~~

---