QT仿QQ聊天项目,第一节,创建项目并布置编辑登录界面

目录

一,创建项目

二,编辑登录界面

1,登录界面整体构造

2,登录界面的宽高

3,登录界面使用到的控件

4,登录界面中的控件所在的位置和大小

(1)qq图标label位置和大小

(2)动态背景Label的位置和大小

(3)设置,缩小,关闭按钮的位置和大小

(4)账号输入框(QComboBox)的位置和大小

(5)密码输入框的位置和大小

(6)自动登录,记住密码(QCheckBox)的位置和大小

(7)注册账号按钮的位置和大小

(8)二维码按钮位置和大小


一,创建项目

使用qmake

由于不需要使用到菜单栏,我们直接选择QWidget

选择勾选的这两个套件的任意一个都可以

创建好后,运行一下,看看有没有问题

没有问题,即可下一步编辑登录界面

二,编辑登录界面

1,登录界面整体构造

登录界面整体分为三个部分,分别是,上面的动态背景部分,和中间的头像部分,以及下面白色的账号密码,登录按钮部分。

2,登录界面的宽高

QQ登录界面宽高:宽:538,高:414

3,登录界面使用到的控件

QLabel(标签),QPushButton(按钮),QCheckBox(复选框),QComboBox(下拉框),QLineEdit(单行文本框)

4,登录界面中的控件所在的位置和大小

(1)qq图标label位置和大小

(2)动态背景Label的位置和大小

(3)设置,缩小,关闭按钮的位置和大小

设置按钮

缩小按钮

关闭按钮

(4)头像Label的位置和大小

(4)账号输入框(QComboBox)的位置和大小

(5)密码输入框的位置和大小

(6)自动登录,记住密码(QCheckBox)的位置和大小

自动登录控件:

其余两个大小一样,位置以此类推

(7)注册账号按钮的位置和大小

(8)二维码按钮位置和大小

相关推荐
superman超哥3 小时前
Rust Cargo Build 编译流程:从源码到二进制的完整旅程
开发语言·后端·rust·编译流程·cargo build·从源码到二进制
永远前进不waiting3 小时前
C语言复习——2
c语言·开发语言
枫叶丹44 小时前
ModelEngine应用编排创新实践:通过可视化编排构建大模型应用工作流
开发语言·前端·人工智能·modelengine
net3m334 小时前
websocket下发mp3帧数据时一个包被分包为几个子包而导致mp3解码失败而播放卡顿有杂音或断播的解决方法
开发语言·数据库·python
3824278274 小时前
python3网络爬虫开发实战 第2版:使用aiohttp
开发语言·爬虫·python
m0_672656544 小时前
JavaScript性能优化实战技术文章大纲
开发语言·javascript·性能优化
Yang-Never4 小时前
Android 内存泄漏 -> LiveData如何解决ViewMode和Activity/Fragment之间的内存泄漏
android·java·开发语言·kotlin·android studio
Smartdaili China4 小时前
如何在桌面和移动设备上修复YouTube错误400
开发语言·php·error·youtube·移动·住宅ip·错误400
持梦远方4 小时前
持梦行文本编辑器(cmyfEdit):架构设计与十大核心功能实现详解
开发语言·数据结构·c++·算法·microsoft·visual studio
HeDongDong-4 小时前
Kotlin 协程(Coroutines)详解
android·开发语言·kotlin