目录
一,创建项目

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












