qt实现简易图片转换功能

您所在的位置：网站首页 › 鼠标换成图片怎么换 › qt实现简易图片转换功能

qt实现简易图片转换功能

2024-07-12 04:07| 来源: 网络整理| 查看: 265

qt图片转换 1.ui控件及布局

在这里插入图片描述

通过上方控件中,寻找所适合的控件,之后将其拖拽到自己合适的位置上:

具体布局如下图所示: 在这里插入图片描述

2.设置ui控件名称

在这里插入图片描述

如上图所示,我将每一个单选按钮都设置了相对应的名字,分别为上方的radioButton_16 /32 /64 /128 /256

其余的控件也都设置了相应的类名(名字),那我们就来使用它们吧.

3.使用控件进行界面交互 3.1 选择图片

在这里插入图片描述

右键点击选择图片按钮,之后点击转到槽选项,继续点击弹出框中的clicked()点击交互按钮『会自动跳转到写入代码的位置,同时在Headers下的app.h中,会自动导入插槽内』意味着,我们能通过这个点击事件来展示我们所需要的交互内容.

那么,着手于代码的操作吧:

『在Sources下的app.cpp中』

在这里插入图片描述

我们能看到自动生成的代码块,其中:

app我们所挂载的媒介,这个媒介app下,仍有着其他的属性pushButton_file这个按钮的名字clicked点击事件

在这里插入图片描述

不信的话你可以试着点击ui界面的最底层区域,这样我们就能看到objectName的值是app了,当然,不要试图在你写代码期间修改这个媒介,否则,有你好受的…

void app::on_pushButton_file_clicked() { fileName = QFileDialog::getOpenFileName(this,tr("Open File"),".",tr("Images(*.png*.jpeg *.jpg)")); //获取图片的路径不过一定要在「 app.h」里,加入以下头文件 #include // #include // #include // 同时在『app.h』的private中,加入: QString fileName; 否则会找不到这个名字从而报错 qDebug() 在出现的菜单中选择Add New选项,接着选择左侧Qt,在右侧选择Qt Resourse File,最后选择右下方choose按钮.接着在File name中写入文件名为images,(可以写别的文件名,并不一定要这个),下一步后点击完成.

在这里插入图片描述

这些操作都完成后,会在工程文件下出现Resources,并且在内部存在一个images.qrc文件

在这里插入图片描述

那么,我们接着右键->添加现有文件

随后会弹出一个窗口,在其中我们选择images,并选择其中的图片,这样图片就加载进来了.(一定要提前在这个工程文件下放入images文件夹,同时将文件夹中放入图片.)

在这里插入图片描述

之后在app.ui中,选中整个窗口,找到windowicon,然后点击三角,选择资源后,将图片放入.就有图标喽

RC_ICONS = images/logo.ico

在这里插入图片描述

如果想发布时带有图标,一定要在XX.pro文件内,写上这句话: 在这里插入图片描述

3.3 默认选中单选框

正常来说,我们会默认选中一个单选框,使得界面美观

在这里插入图片描述

这样,我们就默认选中64X64的了

3.4 预览图片

同上,选择『预览图片』,右键转到槽『仍然是点击事件』,之后在『app.h』中private属性下加入,并加入头文件:

在这里插入图片描述

void app::on_pushButton_showPic_clicked() { if(ui->radioButton_16->isChecked()){ //16X16被选中的话 picHeight = 16; picWidth = 16; }else if(ui->radioButton_32->isChecked()){ picHeight = 32; picWidth = 32; }else if (ui->radioButton_64->isChecked()) { picHeight = 64; picWidth = 64; }else if (ui->radioButton_128->isChecked()) { picHeight = 128; picWidth = 128; }else if (ui->radioButton_256->isChecked()) { picHeight = 256; picWidth = 256; } qDebug() fileName = ""; ui->label_picture_show->clear();//清空 ui->label_filename->clear(); } 3.6 保存图片

只需在『app.h』中private属性下加入下方单行代码

在这里插入图片描述

与上方一致我就不再继续说转到槽的内容了,直接上代码:

void app::on_pushButton_save_clicked() { if(!fileName.isEmpty()){ //判断文件名是否为空 saveName = QFileDialog::getSaveFileName(this,tr("Save File"),".",tr("Images (*.ico);;Images (*.icon)")); qDebug() this->close(); } 4 某些问题 4.1 没有 app.h 及 app的内容怎么办

解答: 那是因为创建文件的时候没有修改名称,那么依次来创建一下:

在这里插入图片描述

名称你喜欢就好

在这里插入图片描述

之后一条龙点击下一步完成即可.

4.2 想在窗口展示其他的文字怎么办?

在这里插入图片描述

只需这样即可

【本文地址】

公司简介

联系我们