QT开发 一个超简单的入门例子(详细)

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

效果如下:

QT开发 一个超简单的入门例子(详细)_第1张图片

步骤:

1.新建项目

点击New Project,选择Qt窗体应用,点击Choose
QT开发 一个超简单的入门例子(详细)_第2张图片
给工程命名,选择工程保存的路径,点击下一步
QT开发 一个超简单的入门例子(详细)_第3张图片
点击完成
QT开发 一个超简单的入门例子(详细)_第4张图片
任意选择一个编译器,我这里选择的是MinGW 32位,点击下一步
QT开发 一个超简单的入门例子(详细)_第5张图片
点击下一步
QT开发 一个超简单的入门例子(详细)_第6张图片

2.编辑UI界面

改变窗体尺寸
QT开发 一个超简单的入门例子(详细)_第7张图片
新建Label,并调整位置和尺寸
QT开发 一个超简单的入门例子(详细)_第8张图片
新建按钮,双击按钮更改文字,调整位置和尺寸
QT开发 一个超简单的入门例子(详细)_第9张图片
在按钮上点击右键,选择 “转到槽”
QT开发 一个超简单的入门例子(详细)_第10张图片
选择第一个,点击Ok
QT开发 一个超简单的入门例子(详细)_第11张图片

3.编辑代码

此时,页面会跳转到代码编辑界面,在代码编辑界面添加如下代码(只需要更改mainwindow.cpp中的代码即可):

#include "mainwindow.h"
#include "ui_mainwindow.h"
#include 
#include 

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)); //显示图片
}

点击运行,即可成功运行工程
QT开发 一个超简单的入门例子(详细)_第12张图片
运行结果
QT开发 一个超简单的入门例子(详细)_第13张图片

完结撒花~

你可能感兴趣的:(Qt,c++)