700字范文,内容丰富有趣,生活中的好帮手!
700字范文 > Qt5学习笔记之QQ登录界面一:制作界面

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

时间:2019-02-18 03:55:10

相关推荐

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

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。