概述

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(二) 中高级功能列举

Qt5学习笔记之QQ登录界面一：制作界面相关推荐

Qt5学习笔记之QQ登录界面五：切换界面
这里写目录标题概述添加新界面实现切换概述目标:点击登录弹出新界面,新界面可以返回到初始界面.分为两部分实现:添加新界面和实现切换. 添加新界面 1.创建新的UI界面,与之前添加图标相同,在工 ...
Qt5学习笔记之QQ登录界面二：登录按钮与信号槽
这里写目录标题概述使用帮助自动关联手动关联概述主要是了解QT的信号槽机制,并为登录按键增加一些响应. 使用帮助使用帮助查看Push Button的信号自动关联 1.在登录按钮直接右键: ...
Qt5学习笔记之QQ登录界面四：界面布局
这里写目录标题概述步骤概述三种布局方式:水平布局.垂直布局.栅格布局. 布局后需要调整,则通过打破布局. 步骤 1.账号.密码两个Label组件进行垂直布局,注册.登录两个Push Butto ...
Qt5学习笔记之QQ登录界面三：添加图片资源
这里写目录标题概述添加图片到工程添加图片到界面概述添加图片到工程 1.工程添加图片 2.选择资源文件 3.修改名称 4.添加资源到工程 5.添加前缀 6.修改路径 7.添加文件,选择想要的图 ...
Qt5学习笔记之串口助手一：基本界面设计
这里写目录标题概述界面基本元素添加串口参数添加串口号概述从这一篇文章开始,跟着视频实现一个串口助手.当然,这里实现的串口功能比较简单,只有最基础的串口参数设置.发送.接收.在之后的拓展学习 ...
JavaWeb-综合案例(用户信息)-学习笔记02【登录功能】
Java后端学习路线笔记汇总表[黑马程序员] JavaWeb-综合案例(用户信息)-学习笔记01[列表查询] JavaWeb-综合案例(用户信息)-学习笔记02[登录功能] JavaWeb-综合案 ...
Qt5学习笔记之串口助手四：增加16进制/ASCII切换、周期发送
目录 1. 概述 2. 16进制/ASCII发送 2.1 功能实现 2.2 界面修改 3. 接收框显示发送内容 3.1 以16进制/ASCII显示 3.1.1 界面修改 3.1.2 功能实现 3.2 ...
Qt5学习笔记之零碎问题记录
目录概述 1.qDebug输出问题 1.1 qDebug() << "OK"报错 1.2 qDebug打印QString类型 2.QString字符串的操作 3.修改 ...
Qt5学习笔记之QString的使用
目录概述 2.QString字符串的操作 2.1 拼接 2.2 裁剪 2.3 转换为int型 2.4 int转换为QString 2.5 小写字母大写字母转换 2.6 转换为16进制概述学习过程 ...

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

目录

概述

步骤

Qt5学习笔记之QQ登录界面一：制作界面相关推荐

最新文章

热门文章