QT开发 一个超简单的入门例子（详细）

实现功能：可以通过按钮打开本地图片，并显示在主界面上

效果如下：

步骤：

1.新建项目

点击New Project，选择Qt窗体应用，点击Choose

给工程命名，选择工程保存的路径，点击下一步

点击完成

任意选择一个编译器，我这里选择的是MinGW 32位，点击下一步

点击下一步

2.编辑UI界面

改变窗体尺寸

新建Label，并调整位置和尺寸

新建按钮，双击按钮更改文字，调整位置和尺寸

在按钮上点击右键，选择 “转到槽”

选择第一个，点击Ok

3.编辑代码

此时，页面会跳转到代码编辑界面，在代码编辑界面添加如下代码（只需要更改mainwindow.cpp中的代码即可）：

#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;
    }
    QImage image2=image.scaled(ui->label->width(),ui->label->height(),Qt::KeepAspectRatio); //图片缩放
    ui->label->setPixmap(QPixmap::fromImage(image2)); //显示图片
}

点击运行，即可成功运行工程

运行结果

完结撒花~