QT+VS开发界面入门（qt界面在VS2022实现自动生成槽函数）

MelyLenient

已于 2024-07-21 18:12:57 修改

阅读量2.7w

点赞数 80

分类专栏： QT学习日记文章标签： qt5 visualstudio

于 2022-04-01 21:49:52 首次发布

本文链接：https://blog.csdn.net/melylenient/article/details/123907803

版权

QT学习日记专栏收录该内容

12 篇文章 27 订阅

订阅专栏

本文介绍了如何在Visual Studio(VS)中利用QT进行界面开发，包括创建项目、设置UI、连接槽函数，并详细展示了从设计界面到实现按钮点击显示文本功能的步骤。通过VS的IntelliSense刷新，自动添加槽函数，实现了UI与代码的联动。最后展示了运行结果，验证了功能的实现。

摘要由CSDN通过智能技术生成

QT+VS开发入门

无论使用QT Creater单独开发，或者使用VS的MFC单独开发，都能通过转到槽函数/双击插件，进行跳转一个插件的响应函数。
而习惯了使用VS编程，又想使用QT进行界面开发，那就很有必要看一下这篇文章。
关于QT与VS如何联动，请看我的另一篇文章：VS+QT开发环境搭建

创建项目

先上项目列表：
在这里插入图片描述
ui_QtWidgetsApplication1.h：包含了UI界面内的参数属性。界面布局，插件位置，槽函数的连接函数等。
QtWidgetsApplication1.ui：UI界面，双击打开，会在QTDesigner工具中打开，可以拖拽插件进行界面设计。
QtWidgetsApplication1.h：主线程函数的头文件，声明槽函数名称，定义主界面UI变量名称等等。
QtWidgetsApplication1.qrc：资源文件：可以在其中添加软件图标等。
main.cpp：包含了程序的入口，界面显示的操作。
QtWidgetsApplication1.cpp：主线程的程序文件。主线程界面的功能函数在此文件实现。

如何在VS中添加通过UI设计界面添加槽函数

以点击按钮显示文本为例

1. 首先我们需要打开UI界面。双击QtWidgetsApplication1.ui文件
在这里插入图片描述
向界面上拖拽两个插件，一个按钮插件，一个文本显示插件（这里我现选择的lineEdit插件）。

2. 编辑信号/槽

按图操作
在这里插入图片描述
切记鼠标选中插件（按钮）是，需要向按钮外拉一下，这样才会让按钮的信号输出出来。否则会变成外部输入对按钮的影响的槽函数。
向外来，会有如图所示效果。

3. 编辑/创建槽函数
有上图所示效果后，松开鼠标，会进入配置连接界面。
在这里插入图片描述
选择编辑，添加槽函数。按图示操作

去VS编辑功能

1. VS解决方案中选中方案，右键->Qt->Refresh intelliSense进行刷新
在这里插入图片描述

2. 打开ui_QtWidgetsApplication1.h文件，出现connect函数后，自动添加槽函数连接成功。
在这里插入图片描述

3. 打开QtWidgetsApplication1.h、QtWidgetsApplication1.cpp两个文件，添加相关功能。

h文件中，添加private slots：标明信号类函数。

#pragma once

#include <QtWidgets/QMainWindow>
#include "ui_QtWidgetsApplication1.h"

class QtWidgetsApplication1 : public QMainWindow
{
    Q_OBJECT

public:
    QtWidgetsApplication1(QWidget *parent = Q_NULLPTR);

private:
    Ui::QtWidgetsApplication1Class ui;
private slots://相应功能槽函数
    void PushButtonClicked();
};

Cpp文件中添加具体的功能

#include "QtWidgetsApplication1.h"

QtWidgetsApplication1::QtWidgetsApplication1(QWidget *parent)
    : QMainWindow(parent)
{
    ui.setupUi(this);
}

void QtWidgetsApplication1::PushButtonClicked()
{
    QString pushButtonShowText = "You Has Been Clicked The Push Button!!!";
    ui.lineEdit->setText(pushButtonShowText);
}