【qt】QQ仿真项目1

于 2024-09-28 15:47:43 发布
阅读量502 收藏 22
点赞数 29
分类专栏： 姚哥项目 姚哥Qt 文章标签： qt 开发语言 学习 c++ ui设计 设计模式
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_74047911/article/details/142462389
版权

一览全局:在这里插入图片描述

QQ仿真项目

一.创建项目添加资源文件

在这里插入图片描述

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
可以修改为自己想要的名字.
在这里插入图片描述

在这里插入图片描述
报错没关系,打开属性设置
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
能运行说明环境就打架好了.
在这里插入图片描述
现在开始添加资源文件
在这里插入图片描述
在这里插入图片描述

记得按crtl+s保存.
在这里插入图片描述

二.创建数据库

打开电脑的服务,启动MySQL
在这里插入图片描述
在命令提示符中打开MySQL.

在这里插入图片描述
在Navicat里面连接MySQL
在这里插入图片描述
点击测试连接,若成功点击确定.
在这里插入图片描述

新建一个数据库.

在这里插入图片描述
在这里插入图片描述

新建一个员工账户表.
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
插入员工账户值.
在这里插入图片描述

新建一个公司部门表.

在这里插入图片描述
在这里插入图片描述
插入公司部门值.
在这里插入图片描述
新建一个员工信息表.

在这里插入图片描述
插入员工信息.
在这里插入图片描述

三.自定义标题栏Qt类

新建一个窗口基础类,窗口的共有属性写在这个里面.
在这里插入图片描述
在这里插入图片描述

在这里插入图片描述
登录窗口继承我们新建的类.
在这里插入图片描述
构造函数要构造其父类.
在这里插入图片描述
再新建一个标题栏类.Qt Widgets Class是有ui文件的,Qt Class没有.
在这里插入图片描述

在这里插入图片描述
设计TitleBar的ui文件.
在这里插入图片描述
我打不开文件,我靠( ‵o′)了
在这里插入图片描述
找到解决方案了.
在这里插入图片描述
在这里插入图片描述
找到Qt下的编译器下的designer.exe文件添加.
在这里插入图片描述
在这里插入图片描述
问题就解决了.
在这里插入图片描述
设置了2个label,4个pushButton.

在这里插入图片描述
添加公共接口,使其他窗口可以设置标题栏属性.
在这里插入图片描述
在这里插入图片描述

四.加载样式表标题栏按钮的搭配

添加一个样式表设置类.
在这里插入图片描述
在这里插入图片描述
定义为静态函数,方便类名直接调用.
在这里插入图片描述
在这里插入图片描述
定义宏函数,方便获取资源文件里的样式表文件路径.

在这里插入图片描述
在其他类调用静态样式表加载成员函数.
在这里插入图片描述
设置标题栏按钮显示.
在这里插入图片描述
在这里插入图片描述
设置默认显示一种按钮搭配,多一个枚举参数类型.
在这里插入图片描述
在这里插入图片描述

现在可以演示一下标题栏:
在这里插入图片描述

在这里插入图片描述

五.标题栏实现移动窗体

重写父类的鼠标事件函数.

void mousePressEvent(QMouseEvent*event)override;
void mouseMoveEvent(QMouseEvent*event)override;
void mouseReleaseEvent(QMouseEvent*event)override;

在这里插入图片描述

在这里插入图片描述
鼠标事件函数的实现
在这里插入图片描述
将标题栏添加到基础窗口中.

在这里插入图片描述
基类窗口设置为无边框的setWindowFlag(Qt::FramelessWindowHint);
在这里插入图片描述

登录窗口中调用从基类窗口继承的标题栏.

在这里插入图片描述

在这里插入图片描述
演示:
在这里插入图片描述
标题栏被移动到了基类窗口的左上角这个位置.因为无边框窗口,所以只有点击标题栏里面只能移动.
在这里插入图片描述

现在可以看到,标题栏的宽度和基类窗口的宽度不一样.
可以用重写绘图事件函数.
在这里插入图片描述
在这里插入图片描述
效果:
在这里插入图片描述

六.标题栏按钮连接信号槽

按钮点击的信号和槽,信号槽的连接都初始化在initConnect()里面.
在这里插入图片描述
记得要在init()里面调用.
在这里插入图片描述
可以信号连接信号,因为是外部调用,并不是标题栏调用.
最大化和还原按钮是变化的,所以设置的槽函数,但是还是要在槽函数中发出信号.
setVisible(false)是会隐藏组件的,如果在布局中,位置会被占!
在这里插入图片描述
效果:
在这里插入图片描述

七.标题栏双击最大化和还原

设置数据成员来保存还原窗体的位置和大小.
在这里插入图片描述
对其进行设置和获取.
在这里插入图片描述

在这里插入图片描述
重写鼠标双击事件,实现最大化和还原.
在这里插入图片描述
在这里插入图片描述

八.基类窗口实现标题栏按钮信号

添加槽函数,用于相应标题栏的信号.
在这里插入图片描述
先连接信号槽.
在这里插入图片描述
当最小化的时候,要判断窗口的类型,工具窗口是隐藏.
在这里插入图片描述

在这里插入图片描述
演示:
这是最大化时的截图,现在按钮就都可以实现对于操作了.
在这里插入图片描述
再设置一些共有槽函数,在继承中,最好析构函数加上virtual,删除父类时防止子类不析构.
在这里插入图片描述
在这里插入图片描述

九.重写基类窗口绘图事件确保设置样式表生效

在这里插入图片描述
在这里插入图片描述

十.用户登录界面设计

添加组件的名字要与css文件里面一样哦.
添加动态属性,用来确定是否添加样式表.
在这里插入图片描述
运行效果:
在这里插入图片描述

十一.实现基类窗口的移动

在这里插入图片描述
在这里插入图片描述
判断是否为最大化,最大化不允许移动.

在这里插入图片描述
虽然现在窗口可以移动了,但是移动标题栏会出现问题,因为两个鼠标事件都触发了.
不用调用父类的鼠标事件,加上event->accept()就可以了.

在这里插入图片描述

十二.配置颜色信息文件

添加一个配置文件类.
在这里插入图片描述
在这里插入图片描述
保存配置文件和获取配置文件.

在这里插入图片描述
在基类窗口中添加一个保存颜色的数据成员.

在这里插入图片描述
在这里插入图片描述

十三.登录窗口添加样式表

在这里插入图片描述
在这里插入图片描述
这是是根据动态属性值来是否设置背景颜色.
在这里插入图片描述
在这里插入图片描述
效果:
在这里插入图片描述
在这里插入图片描述

十四.获取圆头像

在这里插入图片描述
这里用了图片的叠加,用一个圆底QPixmap mask来进行叠加.
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
运行效果:
在这里插入图片描述

十五.记住密码功能

也是用的配置文件来保存和获取文件.
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

在这里插入图片描述
在这里插入图片描述

十六.Qt连接MySQL

创建一个Qt数据库类.
在这里插入图片描述
添加数据库模块.
在这里插入图片描述

在这里插入图片描述

在这里插入图片描述
数据库连接用单例设计模式.
在这里插入图片描述
在这里插入图片描述
连接数据库前可以先看看自己有的数据库驱动.

qDebug() << QSqlDatabase::drivers();

打开属性链接器系统里面的控制台,可以看到调试打印信息.

在这里插入图片描述
然后连接数据库.
在这里插入图片描述

在登录窗口调用一下.
在这里插入图片描述
运行结果:
在这里插入图片描述

十七.数据库验证账号密码

在这里插入图片描述
QSqlQuery类来查询语句.
在这里插入图片描述
可以用navicat里面的查询来确定代码里面的sql语句是否是正确的.
在这里插入图片描述
在登录按钮的槽函数调用.

在这里插入图片描述

现在的运行效果:
在这里插入图片描述

OK,到这里登录界面就差不多OK了,未完待续…

国中之林
关注
专栏目录
QT实现仿真小飞机程序
qq_17007503的博客
05-15 5201
老师布置的小练习题，初学QT两天完成的作业小程序采用QT5.9.4、VS2017作为开发。在本地具有2个网络程序，plane与console通过socket传输信息。plane能够设置起飞方向、加速度、加速度持续时间。console能够操控飞机飞行，并在View上显示实时位置、航向、速度、以及飞行轨迹。plane运行界面：console运行界面：在plane端进行起飞设置后，例如100m/s^2，...
仿真QQ聊天系统
09-07
【仿真QQ聊天系统】是一个基于计算机网络通信技术的项目，旨在模拟腾讯QQ的聊天功能，让用户可以在一个自定义的环境中进行即时通讯。该项目涵盖了多个IT领域的知识点，包括但不限于以下几点： 1. **网络编程**：在...
Qt实现仿真微信程序
sumfortp的博客
08-02 779
微信作为通信交流工具已经成为生活中不可或缺的一环，通过微信可以完成网络中随时随地的聊天，文件传输，朋友圈等功能，本文将通过Qt实现仿真微信程序，包含登录，好友列表，聊天，文件传输等功能。微信仿真通过UDP和TCP两种网络传输方式，分别使用聊天信息传输和文件信息的传输，是两种协议的不同运用，后续的改善可以通过MVC架构，通过建设Server进行信息的接收，通过接收的信息调用不同的方法，并通过Server转发处理后的数据，做到客户端只进行信号发送和数据接收，而在服务器端进行信息的处理。
PenTool:一个基于Qt的仿真软件Demo
qq_47898198的博客
06-23 2886
Qt工业软件demo
Qt 雷达模拟仿真工具3.0
雨田哥的博客
08-24 1208
Qt雷达模拟仿真工具，支持百度在线离线地图，支持雷达探测点联动，支持多种危险区域围栏，支持雷达点炫酷效果，支持颜色换肤
Qt 雷达模拟仿真工具
雨田哥的博客
02-19 1万+
Qt 雷达模拟仿真工具 文章目录Qt 雷达模拟仿真工具功能效果图Qt交流群结尾 功能 支持音频频谱显示 支持任意随机添加模拟点 支持自定义添加模拟点 支持方位，航向角，距离，速度，目标体真实图自定制 支持危险区域范围显示 支持激光发射模拟 支持雷达图放大缩小显示 支持模拟点编辑设置 支持模拟点跟踪线设置 支持模拟点详细数据查看 效果图 Qt交流群 Qt交流大会 85308660...
Qt 雷达模拟仿真工具2.0
雨田哥的博客
05-31 2397
Qt 雷达模拟仿真工具2.0 文章目录Qt 雷达模拟仿真工具2.0ChangeLog效果图Qt交流群 ChangeLog 原有功能1.0版本 增加添加目标体预览功能； 增加航母目标体； 增加歼击机目标体； 增加指挥所目标体； 增加航母炮弹攻击指挥使效果； 增加航母导弹攻击指挥使效果； 增加歼击机炮弹攻击指挥使效果； 增加歼击机导弹攻击指挥使效果； 10.增加指挥使被炸前，中， 后三种状态效果； 效果图 Qt交流群 Qt交流大会 853086607 QQ：3246214072 ...
C++语言Qt实现 实时任务调度仿真软件 任务参数可配置和随机生成支持多核调度
biao2488890051的博客
10-17 3224
我遇到个需求： 目标：开发一个实时任务调度仿真软件，我们在学习操作系统这门课时候，经常需要观察任务动态调度情况，来更好的直观学习操作系统任务调度过程和调度算法。 内部原理：操作系统任务调度实际上是一个有限状态机，任务的各种状态不断的转换过程，我的状态机设计如下（相当于实现了一个OS内核）： 效果：方便用户了操作，提供了友好的可视化任务调度，提供了任务参数随机产生和手动输入两种方式，任务抢占，CPU空闲，任务截止期错失，周期到达，优先级，统统一目了然，还支持多核分区调度。 下面就是..
QT GUI编程
热门推荐
子羽丿_的博客
08-02 11万+
QT 程序设计！一、QT基础Qt简介Qt应用范围开发环境Qt Creator安装Qt内存管理第一个Qt程序打印跟踪信号与槽二、窗口部件三、主窗口四、QT基础五、QT基础六、QT基础七、QT基础持 续 更 新 中 . . . . . . 一、QT基础 Qt简介 Qt应用范围 开发环境 Qt Creator安装 Qt内存管理 第一个Qt程序 打印跟踪 信号与槽 二、窗口部件 三、主窗口 四、QT基础 五、QT基础 六、QT基础 七、QT基础 持 续 更 新 中 . . . . . . ...
Qt模仿QQ聊天窗口界面（一）
雨田哥的博客
05-25 2万+
Qt模仿聊天窗口界面（一） Qt模仿聊天窗口界面（一） 简述 效果图 QQ的聊天窗口 我做的效果图 代码篇 结尾 简述 最近利用业余时间，模仿QQ做了一个聊天窗口界面，功能还不全，准备分几个部分做出来，还是看空闲时间了，以及广大网友的支持了。 效果图 QQ的聊天窗口 我做的效果图 代码篇 //TalkWindowSh...
QT编程实现简单的qq聊天功能实验报告.docx
06-05
QT编程实现简单的QQ聊天功能是...总体而言，QT编程实现简单的QQ聊天功能是一个全面的实践项目，涵盖了许多软件开发的关键环节，包括用户界面设计、数据库操作、网络编程以及文件处理，对于提升学生的综合能力非常有益。
基于CC2530的传感器采集系统设计-基于QT开发上位机
09-05
在QT上编写上位机软件与CC2530实现串口通信，在IAR集成开发环境上编写cc2530代码，通过仿真器将程序烧录进单片机里，使相应模块实现对应功能。需要准备CC2530模块和相对应的传感器模块，采用IAR集成开发环境烧录程序...
工业机器人虚拟仿真--源文件--发稿.zip
06-24
源代码可能包含使用Qt、wxWidgets或PyQt等库构建的界面元素，以及与后端仿真引擎通信的接口。 在实际应用中，虚拟仿真可以用来验证设计、优化工作流程、减少实物原型的需求，从而节省时间和成本。通过分析和调试...
qt c++ webQQ 源码
08-26
这个"qt c++ webQQ"源码项目，是开发者利用Qt库调用腾讯的Web接口，实现了一个高仿真的QQ客户端应用。 首先，我们要理解Qt库的核心特点。Qt库包含了丰富的类库，覆盖了图形绘制、网络通信、数据库访问、XML处理等多...
Qt C++设计模式-＞享元模式
m0_46494667的博客
09-24 1134
享元模式（Flyweight Pattern）是一种结构型设计模式，旨在通过共享相同对象来减少内存使用，尤其适合在大量重复对象的情况下。它通过将对象的可共享部分抽取出来，并在多个上下文中共享，从而避免对象的多次创建。
QT-GUI(1)- QPushButton-QLabel-QTreeWidget-QTableWidget
aggie4628的专栏
09-27 249
QT 控件调参，供大家参考 QPushButton-QLabel-QTreeWidget-QTableWidget
Win10 QT 配置Android开发环境-jdk/sdk/gradle
最新发布
qq_58539881的博客
09-27 472
QT开发android是可行的,QT拥有非常强的跨平台能力,能使用C++开发几乎全平台的应用,但是环境配置坑挺多的.本次提供了QT6安装配置环境到完成app打包运行的整个过程,但是注意时效,因为qt的版本一直在变
再谈QT的界面开发 - QT的社区版本的获取 - 2024-09
山云的专栏
09-27 528
QT的跨平台特性，赋予了QT的生命。2024年，因为项目的原因，重新开启了一个基于QT的跨平台项目。QT有付费的版本和社区的版本。
qt项目 仿qq微信截图
06-23
### 回答1： Qt是一个跨平台的应用程序开发框架，支持多种操作系统，如Windows、Linux、macOS等。在Qt中可以很方便的实现网络通信、图像处理等功能，因此非常适合用于开发仿QQ、微信等通信软件。下面我们来探讨一下如何用Qt实现仿QQ、微信截图的功能。 首先，需要了解Qt中的图像处理类QImage和QPainter。QImage类能够对图像进行处理、读取和保存，而QPainter类则能够在QImage上进行绘图。使用这两个类可以实现截图功能。具体步骤如下： 1. 获取屏幕上要截图区域的位置和大小。 2. 创建与屏幕截图区域大小相同的QImage对象，将截图区域中的像素信息读取到QImage对象中。 3. 创建QPixmap对象，将QImage对象转换为QPixmap对象，显示在截图窗口中。 4. 可以用鼠标在QPixmap对象上选择要截取的区域。 5. 将选择的区域转换为QImage对象，保存为本地文件或者上传到服务器。 以上就是用Qt实现仿QQ、微信截图的基本步骤。需要注意的是，需要在Qt的UI界面上添加相关按钮和事件处理函数，使得用户可以完成截图、保存、上传等操作。此外，为了保证截图区域选取的精度和准确性，还需要对鼠标事件进行处理。 总的来说，Qt是一款功能强大的开发框架，它提供了许多图形界面和图像处理类，使得开发者可以快速地开发出各种应用程序，包括仿QQ、微信截图工具。希望开发者能够熟练掌握Qt的相关知识和技能，为用户提供更好的软件体验。 ### 回答2： Qt是一个跨平台的应用程序开发框架，可用于开发多种类型的应用程序，包括桌面应用程序和移动应用程序。本项目旨在使用Qt框架开发一个仿QQ微信截图的应用程序。 该应用程序主要包括两个部分：界面和功能。界面部分将仿照QQ和微信的截图界面，包括截屏、编辑、保存等功能。功能部分主要包括截屏、编辑、保存、撤销、恢复、裁剪、缩放、滤镜等功能。 在开发过程中，应先选择一个合适的界面布局，以便开发者更好地组织整个应用程序。可以选择常见的水平布局或垂直布局，也可以选择网格布局以适应不同的屏幕大小。 接下来，将添加应用程序的主要功能。首先是截屏功能，可以通过PC屏幕截取用户想要的部分。然后，用户可以对其进行编辑，例如绘制、添加文本、调整大小等。编辑完成后，应用程序将保存所做的更改，并提供撤销和恢复命令以便撤销和反撤销所做的更改。 应用程序还可以实现裁剪、缩放和滤镜等功能。这些功能可根据用户需求来添加或删除。 最后，应用程序应该能够保存编辑后的截图。根据用户要求，可以将截图保存到本地或上传到云端服务。此外，还可以将截图分享到社交平台，以便用户分享自己的精彩瞬间。 总之，Qt框架提供了各种工具和库，使得开发者可以开发高级的桌面应用程序。作为一个仿QQ微信截图的应用程序，开发者可以根据自己的需要添加或删除功能，以实现自己的设计目标。
评论 16
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值