QT简单的人机交互界面设计
人机交互-----用户能够与界面进行动态交互
信号和槽:当一个事件发生时,那么一个对应的信号会触发,如果与该信号已建立的连接的槽函数它就会被自动调用。自定义信号并建立连接,槽函数必须要实现。
信号和槽使用方式一:在UI文件来完成信号和槽建立,当用户在操作该控件时,那么相当于触发了该信号,然后就会响应用户的操作。
第一步:右击QPushButton按键类控件,在下拉列表中,选择"转到槽"。
第二步:在弹出的对话框中,选择对应的信号,如下图所示。
第三步:点击OK后,那么,系统会自动创建一个槽函数,并且与信号也会建立连接。整个过程,由系统来完成。
在源文件中会生成一个函数:
void MainWindow::on_loginBtn_clicked()
{
//在改函数内,完成功能的编写
//当用户点击界面按钮时,会自动发送信号,该函数进行响应
}
在头文件中,在所在类中,声明槽函数:
class MainWindow : public QMainWindow
{
//支持信号与槽
Q_OBJECT
public:
//指向父控件,管理子控件的内存。关闭父控件,所有子控件自动被关闭
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);
}
运行结果:
当我们输入的登陆信息有误,消息盒子将弹出
并且不关闭消息盒子,将无法继续操作。