QT人机交互（动态界面）

QT简单的人机交互界面设计

人机交互-----用户能够与界面进行动态交互
信号和槽：当一个事件发生时，那么一个对应的信号会触发，如果与该信号已建立的连接的槽函数它就会被自动调用。自定义信号并建立连接，槽函数必须要实现。
信号和槽使用方式一：在UI文件来完成信号和槽建立，当用户在操作该控件时，那么相当于触发了该信号，然后就会响应用户的操作。
第一步：右击QPushButton按键类控件，在下拉列表中，选择"转到槽"。
第二步：在弹出的对话框中，选择对应的信号，如下图所示。
第三步：点击OK后，那么，系统会自动创建一个槽函数，并且与信号也会建立连接。整个过程，由系统来完成。
在源文件中会生成一个函数：

void MainWindow::on_loginBtn_clicked()
{//在改函数内，完成功能的编写//当用户点击界面按钮时，会自动发送信号，该函数进行响应
}

在头文件中，在所在类中，声明槽函数：

class MainWindow : public QMainWindow
{//支持信号与槽Q_OBJECTpublic://指向父控件，管理子控件的内存。关闭父控件，所有子控件自动被关闭MainWindow(QWidget *parent = nullptr);~MainWindow();//槽函数（已经自动与信号建立了连接，自定义信号与槽函数才需要手动去建立两者的连接connect）
private slots:void on_loginButton_clicked();private:Ui::MainWindow *ui;//纯代码编写控件(必须包含该控件的头文件#include <QPushButton>)QPushButton* exitButton;
};

第四步：开发者可以在函数体中，实现自己功能

void MainWindow::on_loginButton_clicked()
{//在c++中，使用string 来描述字符串，在QT中，使用QString来描述字符串QString user = ui->userEdit->text();QString password = ui->passwordEdit->text();//可以成功登陆（账号与密码相匹配）//设置系统默认的用户名与密码（root--123456）if(user == "root" && password == "123456")//相当于cout的功能;但用户是无法看见输出的信息，只有开发者能看见qDebug() <<"登陆成功"; //必须包含头文件#include <QtDebug>   //用户名正确，但是密码错误else if(user == "root" && password != "123456"){//创建消息盒子对象（必须包含消息盒子头文件#include <QMessageBox>）QMessageBox msgBox;    //设置弹出消息盒子界面显示的文本内容msgBox.setText("密码错误");  //在界面上显示消息盒子，只有消息盒子消息，界面才能操作。  msgBox.exec();    }//用户名与密码不匹配else{QMessageBox msgBox;    msgBox.setText("用户名或密码错误");   msgBox.exec();   }
}

开发者也可以纯代码编写控件

MainWindow::MainWindow(QWidget *parent): QMainWindow(parent), ui(new Ui::MainWindow)
{ui->setupUi(this);//纯代码编写控件//控件指向父控件（也就是当前界面）exitButton = new QPushButton(this);//设置控件显示的文本内容exitButton->setText("退出");//设置控件在父控件的位置（超出父控件大小范围，编写的该控件将不会显示在父控件界面上）exitButton->move(0,270);
}

运行结果：

当我们输入的登陆信息有误，消息盒子将弹出
并且不关闭消息盒子，将无法继续操作。

QT人机交互（动态界面）相关推荐

python 动态编译代码_使用PyQt（Python+Qt）+动态编译36行代码实现的计算器
PyQt是基于跨平台的图形界面C++开发工具Qt加Python包装的一个GPL软件(GPL是GNU General Public License的缩写,是GNU通用公共授权非正式的中文翻译),Qt基于 ...
QT实现动态的wave水波纹
QT实现动态的wave水波纹项目简介项目技术项目展示主要源码片段解析获取完整项目源码传送门项目简介使用前端和几何着色器的QML应用程序. Wave演示了使用尖端和几何着色器. 项目技术 ...
（成功案例超详细保姆级）vs2019 opencv qt创建动态库被C#调用
之前有个项目关于图像处理,既用到了opencv,还二次开发了相机提供的动态库.一开始我是用QT写的,然后发现人家只需要我提供一个库函数调用就可以了,但是他是用C#写的.没办法,到处找资料,但是没有找到 ...
Linux Qt Designer UI界面设计
Linux Qt Designer UI界面设计设计步骤设计步骤 1.首先在Qt Designer上绘制好自己的图像化界面. 2.编写代码,将控件和功能匹配起来即可,代码如下.注意换到不同主机时, ...
成功案例超详细-vs2019 opencv qt创建动态库被C#调用
之前有个项目关于图像处理,既用到了opencv,还二次开发了相机提供的动态库.一开始我是用QT写的,然后发现人家只需要我提供一个库函数调用就可以了,但是他是用C#写的.没办法,到处找资料,但是没有找到 ...
Qt designer设计界面
1.利用 Qt designer 设计界面,保存为ui文件,例如 test.ui 2.将此文件放入 Creater 工程目录,在.pro 文件末尾处加入语句 FORMS += test.ui 3.点击 ...
linux QT 结束当前进程_软件特攻队｜为什么 Qt 成为 c++ 界面编程的第一选择？
一.前言为什么说QT越来越成为界面编程的第一选择,这要从当初为什么从MFC转到QT开始说.若想把MFC开发界面想做得好看一些是十分困难的一件事,引用第三方基于MFC的界面库代码也比较混乱,而当时看到 ...
Android 动态界面开发框架 Tangram 使用完整教程
阅读本文大概需要20分钟熟悉阿里出品的vlayout的读者都知道,vlayout极大地扩展了RecyclerView的LayoutManager,从而为RecyclerView提供了一组布局.使用该 ...
超详细且简单的Qt Designer设置界面背景图
---------------------------------------------------------- 这里介绍的主要是一种放置界面底层的背景图方式首先,先新建一个框,并填充你所需要的 ...
QT 显示动态GIF
Qt 显示动态gif图片有以下几种方法: 方法一:利用QMovie 显示 QMovie *movie = new QMovie(":/GifPic/wait.gif");ui-&g ...

QT人机交互（动态界面）

QT简单的人机交互界面设计

QT人机交互（动态界面）相关推荐

最新文章

热门文章