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

相关推荐
油丶酸萝卜别吃33 分钟前
utils.js 说明文档
开发语言·javascript·ecmascript
leisoo80973 小时前
100GBA股股票数据怎么存ClickHouseRedisMySQLJSON完整对比
大数据·linux·服务器·开发语言·python
不会代码的小猴4 小时前
21. 泛型编程上
开发语言·c++·笔记·算法
一只旭宝5 小时前
细讲C加加【9】C++ std::function与std::bind详解|仿函数、绑定器、类成员绑定、占位符、成员偏移指针
开发语言·c++·算法
coder!mq7 小时前
说几个常见的语法糖?
java·开发语言·算法
gugucoding7 小时前
38. 【Java】Stream API(下):高级操作与性能
java·开发语言
Lhan.zzZ7 小时前
在 Visual Studio 2022 中打造可扩展的动态链接库模块:从零搭建到原理解析
开发语言·c++·visual studio
心平气和量大福大7 小时前
android-实例-蒲公英-更新与安装-5-签名与生成APK
android·java·开发语言
码哥DFS8 小时前
构造函数、实例对象、对象原型 ----三者关系
开发语言·javascript·原型模式
quantdash_cc8 小时前
告别自建 Requests/BS4 网页爬虫:基于 QuantDash 搭建零维保的高性能量化行情流水线
开发语言·爬虫·python·pandas·量化·quantdash