【qt】制作一个简单的qt界面(qq登陆界面)

来源

B站大学

步骤

1. 创建QT工程

确认基类是QWidgt，其他默认。

2. .pro文件参数解释

3. 界面框架搭建

3.1 页面大小调节

geometry : 高度宽度调整整个页面大小

3.2 提示显示信息设置

Display Widgets -> Label 显示框

直接拖拽到界面中，调整大小

alignment -> 水平的 -> AlignHCenter : 设置label中的文本居中显示

front -> 点大小 : 调节label中文本字体

同理，拖拽label，建立账号密码提示框并调节。

3.3 输入框设置

Input Widgets -> Line Edit : 输入框(不自动换行，多场都放在一行)

拖拽到页面中，建立账号密码输入框。

同时，我们还要设置密码输入框的属性，将密码具体内容对外界隐藏。首先选中密码输入框，然后进行如下调整：

echoMode -> Password : 将输入框内容显示为圆圈(加密)

3.4 按钮设置

Buttons -> Push Button : 按钮触发

拖拽，向界面中加入注册和登录按钮。

至此基本图形框架就搭好了。运行看一下：

运行结果：

但登录和注册的按钮都无法使用，因此需要对按钮进行设置，即设置qt的信号和槽。

4. 设置信号和槽

4.1 给控件改名字

改名字单纯是为了方便自己，方便他人。
选中某一控件，根据对应位置，直接双击，然后输入要修改的名字。(label没必要修改名字)

4.2 信号和槽

信号：控件发出的特定信号。单机控件就会触发此信号。

查看刚添加的按钮的信号(push button)。


发现当前页面找不到push button的信号，所以从他的父类(QAbstractButton)中去找。

找到，共四个信号，常用的是click信号。

槽：通常将某个槽函数绑定在控件的信号上，当点击控件触发信号时，也就会触发这个槽函数。

4.3 关联信号和槽

<1> 自动关联
sign in按钮为例：选中控件->右击->转到槽->clicked
所做工作：1. 在widget.h中声明槽函数

• 注意：槽函数只能声明到private slots或public slots中。

2. 在widget.cpp中创建槽函数，具体实现功能在在此槽函数中编写。

例如，打印一串字符，每点击一次sign in按钮，就会打印一行。所以，槽函数关联成功。若不相关联的话，就把.h和.cpp中相关内容删除即可。

<2> 手动关联
log in按钮为例：并不只是将自动关联中的步骤实现一下，而需要使用connect函数。

connect(ui->logBt, SIGNAL(clicked()), this, SLOT(on_loginBt_clicked()));
// 控件，信号，当前，槽函数
connect(A, SIGNAL(B), C, SLOT(D));
// 当对象A发出信号B的时候，会触发对象C的槽函数D

然后再在.h文件中定义和在.cpp文件中实现槽函数。


关联完成，点击相应按钮获得相应输出。

相关函数查询

当我们在不知道某个函数怎么使用时，可以在帮助->索引中查找相关函数的用法。