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)二维码按钮位置和大小

相关推荐
测试员周周2 小时前
【Appium 系列】第16节-WebView-H5上下文切换 — 混合应用的自动化难点
运维·开发语言·人工智能·功能测试·appium·自动化·测试用例
杜子不疼.4 小时前
【C++ AI 大模型接入 SDK】 - DeepSeek 模型接入(上)
开发语言·c++·chatgpt
加号34 小时前
【C#】 串口通信技术深度解析及实现
开发语言·c#
sycmancia5 小时前
Qt——编辑交互功能的实现
开发语言·qt
石山代码5 小时前
C++ 内存分区 堆区
java·开发语言·c++
无风听海6 小时前
C# 隐式转换深度解析
java·开发语言·c#
一只大袋鼠6 小时前
Git 进阶(二):分支管理、暂存栈、远程仓库与多人协作
java·开发语言·git
LuminousCPP7 小时前
数据结构 - 线性表第四篇:C 语言通讯录优化升级全记录(踩坑 + 思考)
c语言·开发语言·数据结构·经验分享·笔记·学习
web3.08889997 小时前
1688 图搜接口(item_search_img / 拍立淘) 接入方法
开发语言·python
один but you8 小时前
从可变参数到 emplace:现代 C++ 性能优化的核心组合
java·开发语言