QT基础入门：创建并运行第一个项目

QT基础入门：创建并运行第一个项目

引用

CSDN

1.

https://m.blog.csdn.net/m0_75107602/article/details/145635894

本文将带你完成一个简单的QT项目开发，包括创建项目、编辑图形界面、实现基本交互功能以及理解关键源代码。

一、新建项目

1. 打开QT Creator，点击菜单栏中的"文件"，然后选择"新建文件或项目"。
   
2. 在弹出的对话框中，选择"Application" -> "Qt Widgets Application"，然后点击"Choose"。
3. 输入项目名称，例如"1-demo"，保持其他设置默认。
4. 在工具链选择中，建议初学者选择MinGW作为编译器。
5. 点击"Finish"完成项目创建。

二、编辑图形窗口

1. 在项目资源管理器中，双击打开"Forms"目录下的.ui文件，进入设计模式。
2. 在左侧的控件面板中，依次搜索并添加以下控件：

• Label（标签）
• Line Edit（编辑框）
• Push Button（按钮）

3. 选中每个控件，可以在右下角的属性面板中修改其名称（Name）属性。

三、运行项目

1. 右键点击按钮控件，选择"转到槽"。
2. 在弹出的对话框中选择"clicked()"信号，这表示当按钮被点击时触发的函数。
3. 在生成的槽函数中添加以下代码：

void MainWindow::on_submitButton_clicked()
{
    // 获取用户输入的用户名
    QString str = "亲爱的" + ui->userNameEdit->text() + ", 欢迎来到召唤师峡谷";
    // 弹出信息提示框显示欢迎信息
    QMessageBox::information(this, "Welcome", str, QMessageBox::Ok);
}

4. 运行项目，点击按钮查看效果。

四、理解源代码

main.cpp

#include "mainwindow.h"
#include <QApplication>

int main(int argc, char *argv[])
{
    QApplication a(argc, argv);
    MainWindow w;
    w.show();
    return a.exec();
}

1-demo.pro

QT       += core gui
greaterThan(QT_MAJOR_VERSION, 4): QT += widgets
CONFIG += c++11
DEFINES += QT_DEPRECATED_WARNINGS

SOURCES += \
    main.cpp \
    mainwindow.cpp

HEADERS += \
    mainwindow.h

FORMS += \
    mainwindow.ui

qnx: target.path = /tmp/$${TARGET}/bin
else: unix:!android: target.path = /opt/$${TARGET}/bin
!isEmpty(target.path): INSTALLS += target

mainwindow.h

#ifndef MAINWINDOW_H
#define MAINWINDOW_H

#include <QMainWindow>
QT_BEGIN_NAMESPACE
namespace Ui { class MainWindow; }
QT_END_NAMESPACE

class MainWindow : public QMainWindow
{
    Q_OBJECT

public:
    MainWindow(QWidget *parent = nullptr);
    ~MainWindow();

private slots:
    void on_submitButton_clicked();

private:
    Ui::MainWindow *ui;
};

#endif // MAINWINDOW_H

mainwindow.cpp

#include "mainwindow.h"
#include "ui_mainwindow.h"
#include <QMessageBox>

MainWindow::MainWindow(QWidget *parent)
    : QMainWindow(parent)
    , ui(new Ui::MainWindow)
{
    ui->setupUi(this);
}

MainWindow::~MainWindow()
{
    delete ui;
}

void MainWindow::on_submitButton_clicked()
{
    QString str = "亲爱的" + ui->userNameEdit->text() + ", 欢迎来到召唤师峡谷";
    QMessageBox::information(this, "Welcome", str, QMessageBox::Ok);
}

五、QT里的UI文件是如何参与编译的？

在Qt中，.ui文件通过以下步骤参与编译：

1. 设计界面：使用Qt Designer创建.ui文件（XML格式），描述界面布局和控件。
2. 转换为C++代码：构建系统（如qmake或CMake）调用uic工具，将.ui文件转换为C++头文件（如ui_mainwindow.h）。
3. 绑定界面与逻辑：生成的头文件被包含到主程序中，通过setupUi函数将界面与窗口关联。
4. 编译与运行：生成的代码与其他源文件一起编译，最终生成可执行文件。

程序员只需修改.ui文件，构建系统会自动处理其余步骤。