目录

一，创建项目

二，编辑登录界面

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