Qt5学习笔记之QQ登录界面一：制作界面

概述

B站发现这个QT教程视频，看了两集感觉讲的不错，上手挺简单。之前也接触过QT，一来是工作中用不到，没有动力。二来看到一堆的函数就头大记不住，什么设置起始坐标、居中、标题等等。没有深入学习，看到这个视频是在UI直接拖动组件完成界面制作，所以也就打算跟着再学学QT。
文章主要是跟着视频操作，记录一下操作步骤做个笔记，方便快速查阅。通过跟着视频实现QQ登录界面和串口助手两个小练习，对QT有一个基本概念，之后再使用Qt实现一些小的工具，相关知识随查随用，记录到文章里。
视频连接：【北京迅为】嵌入式学习之QT学习篇。

电脑之前已经装了QtCreator，直接使用就行了：

以后如果重装，再补充个环境搭建记录。

步骤

本文主要是记录工程创建并制作简单界面。其中用到的组件有三个：

Label：显示文本。
Line Edit：单行文本编辑，用于输入账号和密码。
Push Button：用于注册和登录。

1.创建工程，注意需要选择QWidget基类。

MainWindow带有菜单条，工具条和一个状态条的主应用程序窗口；
Widget是所有用户界面对象的基类，窗口部件是用户界面的一个基本单元；
Dialog是对话框窗口的基类，对话框窗口主要用于短期任务和用户进行短期通讯的顶级窗体。（初学Qt概述）

2.创建后先编译下工程，确保基础工程正确。

3.进入UI设计界面，双击widget.ui文件即可。

4.调整界面大小

5.使用第一个组建Label，Label可用于放置图片、文本及GIF动图。设置字体大小。

6.设置字体居中。

7.拖两个Line Edit组件，用于输入账号和密码。Line Edit的特点一行文本输入，不会换行。

8.拖动两个Label提示账号和密码，并修改字体大小和居中。QtCreator中，支持按住ctrl不放，单击选中多个组件，一起进行设置。此处没有单独截图。然后放置注册和登录按钮，使用组件是Push Button。

9.将密码文本输入变为密文显示，设置如下：

10.编译工程，在生成的界面中输入账号和密码查看显示效果。

---

初学Qt(二) 中高级功能列举