目录
来源步骤1. 创建QT工程2. .pro文件参数解释3. 界面框架搭建3.1 页面大小调节3.2 提示显示信息设置3.3 输入框设置3.4 按钮设置 4. 设置信号和槽4.1 给控件改名字4.2 信号和槽4.3 关联信号和槽 相关函数查询来源
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文件中实现槽函数。
关联完成,点击相应按钮获得相应输出。
相关函数查询
当我们在不知道某个函数怎么使用时,可以在帮助->索引中查找相关函数的用法。