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

最新推荐文章于 2024-05-17 06:56:52 发布

谷子越来越胖了

最新推荐文章于 2024-05-17 06:56:52 发布

阅读量2.4w

点赞数 30

分类专栏： Qt c++ 文章标签： qt5 c++ qt

本文链接：https://blog.csdn.net/Sun_tian/article/details/104335628

版权

Qt 同时被 2 个专栏收录

24 篇文章 15 订阅

订阅专栏

c++

17 篇文章 0 订阅

订阅专栏

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

效果如下：

在这里插入图片描述

步骤：

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