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 分钟前
QT 机器视觉 (3. 虚拟相机SDK、测试工具)
qt·1024程序员节
景天科技苑3 分钟前
【Golang】Go语言中如何进行包管理
开发语言·后端·golang·go mod·go语言包管理·go包管理·go sum
wwangxu6 分钟前
Java 面向对象基础
java·开发语言
wdxylb21 分钟前
Linux下编写第一个bash脚本
开发语言·chrome·bash
幽兰的天空24 分钟前
Python实现的简单时钟
开发语言·python
这题怎么做?!?31 分钟前
模板方法模式
开发语言·c++·算法
幽兰的天空1 小时前
简单的Python爬虫实例
开发语言·爬虫·python
冷眼看人间恩怨1 小时前
【Java】揭秘网络编程:深入探索其无尽奥秘与魅力
java·开发语言·tcp/ip·udp·tcp
※※冰馨※※1 小时前
Unity3D 鼠标移动到按钮上显示信息
开发语言·unity·c#
姓刘的哦1 小时前
Qt中的QCustomPlot学习记录
qt