当前位置: 首页 > news >正文

QT界面开发:图形化设计、资源文件添加


设计界面介绍 

此时我们创建项目时就可以选择添加UI选项了。 添加完之后,我们可以看到,文件中多出了一个存放界面文件的目录,下面有个.ui的界面文件。甚至pro的项目文件中也会添加一项内容。

 我们点击界面文件中的.ui文件,我们可以来到设计界面。设计界面的一套流程主要包括以下几个步骤:1.使用工具箱中的控件(如按钮、文本框、标签等)拖拽到主窗体上。2.通过属性编辑器调整控件的属性(如大小、字体、颜色等),3.使用布局管理器(如水平布局、垂直布局等来控制控件的排列与自适应行为)。4.连接信号与槽:右击控件,选择"转到槽..."来创建和编辑槽函数。 

在这里,我们可以拖拽一些控件来实现界面的布局等信息。感觉跟之前学C#时的感觉很像,来感觉了。通过界面化的拖拽组件、部件等可以极大的解放我们去记一些类,通过拖拽,它能自动生成代码。通过右下角的属性界面,我们可以直接设置组件的一系列属性。

 太方便了有没有,此时就可以发挥你的想象来进行设计了。

然后我们试着设计一个登录界面:

登录界面初创建:

在上面的菜单栏输入一些文字,然后拖拽一个groupBox当作一个子容器,然后再分别拖拽两个标签、两个LineEdit、两个PushButton。然后调整布局,修改文本属性。设置成如下界面。

 然后我们就可以对按钮Button以及动作Action的点击/引发信号进行槽回应处理。从而实现我们的具体功能了。

登录功能初实现:

第一步:将子容器内的退出按钮与菜单栏下的退出动作与窗体的close关联上。

右击鼠标转到槽,然后选择需要发送的信号,然后会自动跳转到新建的槽函数中:

然后我们添加一句this->close();就可以将退出功能实现了。经过测试,结果与预期一致。但是对于菜单栏下的动作,我们不能右击鼠标进行转到槽。那我们就可以用connect自己进行连接:(按钮我们也可以进行这样的操作)

    //退出按钮// connect(ui->btnExit,&QPushButton::clicked,this,&QWidget::close);//退出动作connect(ui->actionexit,&QAction::triggered,this,&QWidget::close);

 第二步:确认按钮的逻辑实现

void MainWindow::on_btnSure_clicked()
{//登录按钮bool isContinue=true;if(ui->txtUid->text().size()==0){ui->statusbar->showMessage("用户名为空");isContinue=false;}else if(ui->txtPwd->text().size()==0){ui->statusbar->showMessage("密码为空");isContinue=false;}if(isContinue){// 新建一个窗口,点击登录,关闭该窗口,打开另一个窗口frmNext=new QMainWindow();frmNext->show();this->hide();}else {QMessageBox* msg=new QMessageBox(this);msg->setWindowTitle("警告");msg->setText("请输入账号/密码");msg->show();}
}

对于登录按钮,我们需要对我们输入的信息进行逻辑判断,第一点就是判空,如果用户名为空,我们就在状态栏给出具体错误信息:例如:“用户名为空"、"密码为空”等,为了确保用户能够看到,我们也可以使用QMessageBox进行消息提示框进行提醒,消息提示框我们可以使用另外一种简单的方式:

QMessageBox::warning(this,"警告","请检查是否输入账号以及密码");

此外,Qt为我们提供了许多标准的对话框,消息提示框只是其中一个

对于我们的消息提示框,Qt也为我们设计好了一些常用的标准框:

包括: 报错(critical),提示(information),询问(question),警告(warning),以及自定义提示框的图标的一个standardIcon()。

 回到正文,我们的登录按钮的逻辑第一就是判空,第二就是判断用户账号是否存在,然后再判断密码是否正确。这块一般使用数据库或者是文件操作,留给大家自行选择,自己实现了。(不懂得,可以看一下我C#实现图书馆信息管理系统那篇文章,看一下具体的逻辑,再回来写C++的代码)。至此,我们的两大功能:登录和退出就已经实现了,然后就是注册账号和找回密码。

这块都是需要进行用户数据匹配的,还是比较建议使用数据库,没学过用普通的文件操作也能实现。如果都不会,那数组总该会了吧。

定义一个用户类型的结构体,包括用户名和密码。然后每注册一个就将该用户加入到数组中,这样注册功能就实现了。忘记密码就是根据结构体对象的用户名匹配用户密码。登陆时也可以使用这样的方法进行用户匹配。还有用户名是否唯一、用户名是否存在的问题都需要考虑在内,此处我们需要考虑很多,但都不难。用数组的缺点就是只能在本次运行时,获取本次注册的用户信息,如果程序结束,下次运行将无法找回数据。所以文件操作可以解决这个问题,数据库当然也能,随大家意愿。

资源文件添加

此时你会觉得,上面的界面有点丑,我想加点图片啊什么的。当然了,十分的ok。我们现在尝试为菜单栏的菜单项添加一个自己喜欢的图片作为图标。

我们将图片路径添入:

ui->menuFile->setIcon(QIcon("D:/L/Pictures/wx存储/WeChat Files/All Users/stark.jpg"));

但是,不是每个人存放的路径都是跟我一样的,那我们复制这段代码运行后就会出错。我们怎么解决呢?就是引入资源文件,将图片等资源放到项目内:

第一步:将图片/文件夹放到本项目目录下

①、复制需要添加的项目资源文件夹。

②、找到项目,放到目录下:

这样,资源文件就添加到我们的项目中了,以后将项目传给别人时,项目资源也会传给别人,我们就无需访问本机绝对路径了。你以为这样就完了?还没有:

③、右击项目,新建文件:

为资源文件夹起名 :

此时我们就会发现,项目下多出了一个资源目录:

 

但是,当你退出该页面后,想要再次进入该文件,你会发现,双击不管用了。那么我们就需要右击该文件,然后以编辑的形式打开:

我们即可再次进入。进入之后,我们能添加一些前缀,这些前缀就是分组的意思,比如有些项目中,资源分为:人物、风景、宠物等,那么我们应该加上合适的前缀去寻找对应的资源,这里我们不加任何前缀,只有一个单独的 / 了。

选中所有图片:

 最终效果:

 

我就添加了这四个,当然,我们一定要为图片起好名字, 不然就有的难受了。此时我们再进行图标的设置,现在我为下面的注册添加一个懒大王的图标:

ui->actionregister->setIcon(QIcon("://项目资源/懒大王.png"));

记得冒号:,第一个/为前缀名。后面为资源路径 。


ok了,今天的内容就到这里吧。我们下期再见。

相关文章:

QT界面开发:图形化设计、资源文件添加

设计界面介绍 此时我们创建项目时就可以选择添加UI选项了。 添加完之后,我们可以看到,文件中多出了一个存放界面文件的目录,下面有个.ui的界面文件。甚至pro的项目文件中也会添加一项内容。 我们点击界面文件中的.ui文件,我们可以…...

科大讯飞:成本降低 60%,性能提升 10 倍,从 ES Loki 到 Apache Doris 可观测性存储底座升级

导读:科大讯飞星际日志中心经历了从 Elasticsearch 到 Loki,再到 Apache Doris 的可观测性存储分析底座升级,支持可观测三大支柱 Log Trace Metrics 的存储与分析,有效解决 Elasticsearch 成本高、Loki 查询慢的问题。Doris 能够在…...

ISO26262在汽车领域的意义

ISO 26262在汽车领域的意义非常重大,主要体现在以下几个方面: 一、提高汽车功能安全性 统一标准:ISO 26262是汽车电子系统的功能安全标准,为汽车制造商、供应商和相关行业提供了统一的框架和指南,确保汽车电子系统和软…...

11. 事件机制

① 事件模式必须基于 PSR-14 去实现。 ② Hyperf 的事件管理器默认由 hyperf/event 实现,该组件亦可用于其它框架或应用,只需通过 Composer 将该组件引入即可,默认已安装。 composer require hyperf/event一、概念 事件模式是一种非常适用于解耦的机制,分别存在以下 3 种角…...

MySQL 本地社区版安装(不登录) mysql官网链接

一、官网下载 官方地址 https://www.mysql.com/downloads/ 打开后先选择downloads 拉到最后选择 MySQL 社区版 然后继续选择社区版 在这此可以选择新版 选择 archives 可以选择其他版本下载 这里选择下面第一个就可以了 直接选择下载 下载后是安装包 直接双击安装 二…...

Redis Search系列 - 第三讲 拼写检查

拼写检查 - Spellchecking & Dict Spellchecking为拼写错误的搜索词提供建议。例如,术语“reids”可能是“redis”的拼写错误版本。 从v1.4开始,Redis Search可以为拼写错误的查询术语(term)生成替代的方案。拼写错误的术语是…...

Golang | Leetcode Golang题解之第492题构造矩形

题目: 题解: func constructRectangle(area int) []int {w : int(math.Sqrt(float64(area)))for area%w > 0 {w--}return []int{area / w, w} }...

Axure重要元件三——中继器函数

亲爱的小伙伴,在您浏览之前,烦请关注一下,在此深表感谢! 课程主题:中继器函数 主要内容:Item、Reperter、TargetItem 1、中继器的函数:Item\Reperter\TargetItem Item item:获取…...

MySQL8.0.40编译安装

近期MySQL发布了8.0.40版本,与之前的版本相比,部分依赖包发生了变化,因此重新编译一版,也便于大家参考。 1. 下载源码 选择对应的版本、选择源码、操作系统 如果没有登录或者没有MySQL官网账号,可以选择只下载 2. 进…...

JavaScript 第23章:WebSocket 与实时通讯

在JavaScript中使用WebSocket进行实时通信是一个非常实用且强大的功能。下面我们将详细介绍WebSocket协议的基础知识、如何使用WebSocket对象以及如何构建一个简单的实时通信应用。 WebSocket 协议 WebSocket是一个在单个TCP连接上进行全双工通信的协议。WebSocket使得数据可…...

简单汇编教程10 数组

目录 实践:相加连续的数 数组是在内存中连续的一串变量。我这样说,可能你已经想到的大致的定义了: NUMBERS DW 34, 45, 56, 67, 75, 89 现在我们就定义了一个Number数组,里面存放的连续的六个数字:34, 45, 56, …...

Jsoup在Java中:解析京东网站数据

对于电商网站如京东来说,其页面上的数据包含了丰富的商业洞察。对于开发者而言,能够从这些网站中提取有价值的信息,进行分析和应用,无疑是一项重要的技能。本文将介绍如何使用Java中的Jsoup库来解析京东网站的数据。 Jsoup简介 …...

SQL 干货 | SQL 反连接

最强大的 SQL 功能之一是 JOIN 操作,它提供了一种优雅而简单的方法,将一个表中的每一条记录与另一个表中的每一条记录结合起来。不过,有时我们可能想从一个表中找到另一个表中没有的值。正如我们将在今天的博客文章中看到的,通过包…...

JSON 反对序列化 public final class LocalDateTime 日期格式错误

错误日志为: java.lang.RuntimeException: com.fasterxml.jackson.databind.exc.InvalidDefinitionException: Cannot construct instance of java.time.LocalDateTime (no Creators, like default construct, exist): no String-argument constructor/factory meth…...

Java 集合

1. 集合框架概述 集合框架(Collection Framework) 是 Java 中为处理一组对象而设计的一套标准化 API,它包括一组通用的接口、实现类和算法。这些接口和类为各种数据结构和操作方法提供了统一的实现方式,使得开发者可以轻松地对数…...

爬虫日常实战

爬取美团新闻信息,此处采用两种方法实现: 注意点:因为此处的数据都是动态数据,所以一定要考虑好向下滑动数据包会更新的情况,不然就只能读取当前页即第一页数据,方法一通过更新ajax数据包网址页数&#xf…...

复写零--双指针

一&#xff1a;题目描述 题目链接&#xff1a;. - 力扣&#xff08;LeetCode&#xff09; 二&#xff1a;算法原理分析 三&#xff1a;代码编写 void duplicateZeros3(vector<int>& arr) {int dest -1, cur 0, n arr.size();//1.找到要复写的最后一个数字while …...

跟着小土堆学习pytorch(二)——TensorBoard和Transform

文章目录 一、TensorBoard1.1 add_scalar()1.1,1 报错&#xff1a;TypeError: MessageToJson() got an unexpected keyword argument including_default_value_fields1.1.2 图像重叠1.1.3 代码展示 1.2 add_image()1.2.1 代码 二、transform2.1 介绍——对图片进行一些变化2.2 …...

自由学习记录(10)

Sprite Packer ~Mode & 图集 packer Project Setting经常是金屋藏娇 创建的项目如果不是2d项目&#xff0c;则默认disable打包 编辑模式就是你没点运行看游戏效果&#xff0c;在狼狈敲码创对象写逻辑的那个状态&#xff0c; 运行模式从点了|>之后&#xff0c;就一直…...

Redis提供了专门的命令来实现自增操作

Redis中的自增操作并不是直接通过CAS&#xff08;Compare and Set&#xff09;操作实现的。Redis提供了专门的命令来实现自增操作&#xff0c;这些命令能够确保操作的原子性&#xff0c;而不需要显式地使用CAS机制。 Redis中的自增操作 Redis中的自增操作主要依赖于以下几个命…...

如何在看板中体现优先级变化

在看板中有效体现优先级变化的关键措施包括&#xff1a;采用颜色或标签标识优先级、设置任务排序规则、使用独立的优先级列或泳道、结合自动化规则同步优先级变化、建立定期的优先级审查流程。其中&#xff0c;设置任务排序规则尤其重要&#xff0c;因为它让看板视觉上直观地体…...

多模态商品数据接口:融合图像、语音与文字的下一代商品详情体验

一、多模态商品数据接口的技术架构 &#xff08;一&#xff09;多模态数据融合引擎 跨模态语义对齐 通过Transformer架构实现图像、语音、文字的语义关联。例如&#xff0c;当用户上传一张“蓝色连衣裙”的图片时&#xff0c;接口可自动提取图像中的颜色&#xff08;RGB值&…...

相机从app启动流程

一、流程框架图 二、具体流程分析 1、得到cameralist和对应的静态信息 目录如下: 重点代码分析: 启动相机前,先要通过getCameraIdList获取camera的个数以及id,然后可以通过getCameraCharacteristics获取对应id camera的capabilities(静态信息)进行一些openCamera前的…...

让AI看见世界:MCP协议与服务器的工作原理

让AI看见世界&#xff1a;MCP协议与服务器的工作原理 MCP&#xff08;Model Context Protocol&#xff09;是一种创新的通信协议&#xff0c;旨在让大型语言模型能够安全、高效地与外部资源进行交互。在AI技术快速发展的今天&#xff0c;MCP正成为连接AI与现实世界的重要桥梁。…...

如何更改默认 Crontab 编辑器 ?

在 Linux 领域中&#xff0c;crontab 是您可能经常遇到的一个术语。这个实用程序在类 unix 操作系统上可用&#xff0c;用于调度在预定义时间和间隔自动执行的任务。这对管理员和高级用户非常有益&#xff0c;允许他们自动执行各种系统任务。 编辑 Crontab 文件通常使用文本编…...

Proxmox Mail Gateway安装指南:从零开始配置高效邮件过滤系统

&#x1f49d;&#x1f49d;&#x1f49d;欢迎莅临我的博客&#xff0c;很高兴能够在这里和您见面&#xff01;希望您在这里可以感受到一份轻松愉快的氛围&#xff0c;不仅可以获得有趣的内容和知识&#xff0c;也可以畅所欲言、分享您的想法和见解。 推荐&#xff1a;「storms…...

AI语音助手的Python实现

引言 语音助手(如小爱同学、Siri)通过语音识别、自然语言处理(NLP)和语音合成技术,为用户提供直观、高效的交互体验。随着人工智能的普及,Python开发者可以利用开源库和AI模型,快速构建自定义语音助手。本文由浅入深,详细介绍如何使用Python开发AI语音助手,涵盖基础功…...

GraphQL 实战篇:Apollo Client 配置与缓存

GraphQL 实战篇&#xff1a;Apollo Client 配置与缓存 上一篇&#xff1a;GraphQL 入门篇&#xff1a;基础查询语法 依旧和上一篇的笔记一样&#xff0c;主实操&#xff0c;没啥过多的细节讲解&#xff0c;代码具体在&#xff1a; https://github.com/GoldenaArcher/graphql…...

Neko虚拟浏览器远程协作方案:Docker+内网穿透技术部署实践

前言&#xff1a;本文将向开发者介绍一款创新性协作工具——Neko虚拟浏览器。在数字化协作场景中&#xff0c;跨地域的团队常需面对实时共享屏幕、协同编辑文档等需求。通过本指南&#xff0c;你将掌握在Ubuntu系统中使用容器化技术部署该工具的具体方案&#xff0c;并结合内网…...

leetcode73-矩阵置零

leetcode 73 思路 记录 0 元素的位置&#xff1a;遍历整个矩阵&#xff0c;找出所有值为 0 的元素&#xff0c;并将它们的坐标记录在数组zeroPosition中置零操作&#xff1a;遍历记录的所有 0 元素位置&#xff0c;将每个位置对应的行和列的所有元素置为 0 具体步骤 初始化…...