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

相关推荐
用户805533698034 天前
不止三件套:QObject 属性系统全关键字与运行时反射!
c++·qt
xcyxiner4 天前
DicomViewer (vcpkg Windows和ubuntu编译)7
qt
Quz9 天前
QML Hello World 入门示例
qt
xcyxiner12 天前
DicomViewer (dcmtk读取dcm文件)5
qt
xcyxiner13 天前
DicomViewer (后台线程处理文件)4
qt
xcyxiner13 天前
DicomViewer (添加模型类)3
qt
xcyxiner14 天前
DicomViewer (目录调整) 2
qt
xcyxiner14 天前
dcmtk vtk vtk-dicom(gdcm) 编译(debug) v2
qt
LDR00616 天前
Type-C 快充全面升级!LDR6601 赋能个人护理便携电机,重塑剃须刀 / 理发器新体验
c语言·开发语言
雪碧聊技术16 天前
Tree.js是什么?一文讲透
开发语言·javascript·ecmascript