qt中使用 ui 文件进行界面设计
目录
1、创建 Qt 应用
2、项目创建成功
3、直接点击打开 mainwindow.ui 文件
4、随便从左边侧边栏拖拽一个空间到 界面设计区域
5、在右侧边栏右键点击 pushButton 控件，点击转到槽
6、根据实际需要选择对应的信号，我这里方便演示选择 clicked（）信号，直接点击 OK
7、自动在 mainwindow.h 中定义槽函数
8、同时在 mainwindow.cpp中有槽函数的实现
9、对 mainwindow.h 中的 void MainWindow::on_pushButton_clicked() 函数定义自己的操作
10、按照如下操作点击编译整个项目文件，出现如下界面
11、总结
12、传统方式实现信号槽机制
1、创建 Qt 应用
2、项目创建成功
3、直接点击打开 mainwindow.ui 文件
4、随便从左边侧边栏拖拽一个空间到 界面设计区域
5、在右侧边栏右键点击 pushButton 控件，点击转到槽
6、根据实际需要选择对应的信号，我这里方便演示选择 clicked（）信号，直接点击 OK
7、自动在 mainwindow.h 中定义槽函数
8、同时在 mainwindow.cpp中有槽函数的实现
#include "mainwindow.h"
#include "ui_mainwindow.h"MainWindow::MainWindow(QWidget *parent) :QMainWindow(parent),ui(new Ui::MainWindow)
{ui->setupUi(this);
}MainWindow::~MainWindow()
{delete ui;
}void MainWindow::on_pushButton_clicked()
{}
9、对 mainwindow.h 中的 void MainWindow::on_pushButton_clicked() 函数定义自己的操作
#include "mainwindow.h"
#include "ui_mainwindow.h"
#include <QDebug>MainWindow::MainWindow(QWidget *parent) :QMainWindow(parent),ui(new Ui::MainWindow)
{ui->setupUi(this);
}MainWindow::~MainWindow()
{delete ui;
}void MainWindow::on_pushButton_clicked()
{qDebug()<<"click the pushButton!";
}
10、按照如下操作点击编译整个项目文件，出现如下界面
点击 PushButton 按钮可以实现打印下面的英语短剧！
11、总结
上面的操作就是如何使用 ui 资源文件进行 Qt 界面设计，在界面设计完成之后，为了方便实现整个界面的互操性，必须实现 信号槽的定义，上面的 5、6、7、8、9、10都是实现信号槽的操作步骤，相比较于使用传统方式实现 Qt 中的信号槽机制，这种使用 ui 资源文件的方式无疑更快、更方便！
12、传统方式实现信号槽机制
点击跳转到传统方式实现信号槽机制