Flutter_08_弹性布局

数据结构可视化网址

  返回  

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

2021/8/21 20:15:04 浏览:

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

效果如下:

步骤:

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()”,运行程序即可实现功能。

 

功能实现,开心~

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


 

 

 

 

联系我们

如果您对我们的服务有兴趣,请及时和我们联系!

服务热线:18288888888
座机:18288888888
传真:
邮箱:888888@qq.com
地址:郑州市文化路红专路93号