首页手记 Qt学习：从入门到实践的简单教程

Qt学习：从入门到实践的简单教程

标签：

Python C++ Go

概述

本文详细介绍了Qt学习的全过程，涵盖了环境搭建、基础组件、信号与槽机制、界面布局与美化以及项目开发实战等内容，帮助读者快速掌握Qt开发技巧。通过丰富的示例代码和详细的步骤说明，读者可以轻松上手并创建自己的Qt应用程序。

Qt简介与环境搭建

Qt是什么

Qt是一个跨平台的C++图形用户界面应用程序开发框架，最初由挪威的Trolltech公司创建。Qt被广泛应用于桌面、嵌入式系统、移动设备等多种平台上的应用开发。它提供了一套丰富的组件和功能，使得开发者可以方便地创建功能强大的应用程序。

选择合适的Qt版本

Qt提供多个版本，包括开源的Qt for Desktop和商业授权的Qt for Application。对于初学者，建议使用开源的Qt for Desktop版本，因为它提供了足够的功能并且是免费的。可以通过Qt官方网站下载最新版本的Qt。

安装Qt Creator

Qt Creator是Qt官方提供的集成开发环境（IDE），用于Qt应用程序的开发。以下是安装步骤：

访问Qt官方网站（https://www.qt.io/download-open-source）下载Qt开发套件。
安装下载的Qt开发套件。安装过程中可以选择安装Qt Creator，也可以单独安装。
安装完成后，启动Qt Creator。

在Qt Creator中创建项目

打开Qt Creator。
选择“文件”菜单中的“新建文件或项目”。
在弹出的对话框中选择“应用程序”类别，然后选择“Qt Widgets应用程序”（对于简单的桌面应用），点击“下一步”。
输入项目名称（例如：MyQtApp）和项目位置，选择合适的Qt版本，然后点击“下一步”。
选择主窗口类名（例如：MainWindow），完成后点击“完成”。

配置开发环境

基本配置

打开Qt Creator，选择“工具”菜单中的“选项”。
在左侧导航栏中选择“构建和运行”。
在“构建环境”中，配置合适的编译器和构建工具。对于Windows用户，默认会使用MinGW。

// 示例代码：配置编译器和构建工具
// 在Qt Creator中设置编译器和构建工具
// 打开“选项” -> “构建和运行” -> “构建环境”
// 选择合适的编译器和构建工具

在“Qt版本”中，确保安装的Qt版本被正确识别。

// 示例代码：确保Qt版本被正确识别
// 在Qt Creator中设置Qt版本
// 打开“选项” -> “构建和运行” -> “Qt版本”
// 确保安装的Qt版本被正确识别

运行配置

选择“运行”菜单中的“运行配置”。
在列表中选择默认的运行配置（通常为“Run”）。
确保“当前运行目标”设置为正确的设备（例如：Desktop Qt 5.15.2 GCC 64 bit）。

// 示例代码：确保正确的运行配置
// 在Qt Creator中设置运行配置
// 打开“运行” -> “运行配置”
// 选择默认的运行配置（通常为“Run”），确保“当前运行目标”设置为正确的设备

示例代码

以下是一个简单的Qt应用程序的主窗口类代码：

#ifndef MAINWINDOW_H
#define MAINWINDOW_H

#include <QMainWindow>

namespace Ui {
class MainWindow;
}

class MainWindow : public QMainWindow
{
    Q_OBJECT

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

private:
    Ui::MainWindow *ui;
};

#endif // MAINWINDOW_H

#include "mainwindow.h"
#include "ui_mainwindow.h"

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

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

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

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

#ifndef UI_MAINWINDOW_H
#define UI_MAINWINDOW_H

#include <QtCore/QVariant>
#include <QtWidgets/QAction>
#include <QtWidgets/QApplication>
#include <QtWidgets/QButtonGroup>
#include <QtWidgets/QFrame>
#include <QtWidgets/QMenu>
#include <QtWidgets/QMenuBar>
#include <QtWidgets/QStatusBar>
#include <QtWidgets/QWidget>

QT_BEGIN_NAMESPACE

class Ui_MainWindow
{
public:
    QAction *actionNew;
    QAction *actionOpen;
    QAction *actionSave;
    QAction *actionSaveAs;
    QAction *actionPrint;
    QAction *actionExit;
    QAction *actionUndo;
    QAction *actionRedo;
    QAction *actionCut;
    QAction *actionCopy;
    QAction *actionPaste;
    QAction *actionAbout;
    QAction *actionAboutQt;
    QMenuBar *menuBar;
    QMenu *fileMenu;
    QMenu *editMenu;
    QMenu *helpMenu;
    QStatusBar *statusBar;
    QWidget *centralWidget;

    void setupUi(QMainWindow *MainWindow)
    {
        if (MainWindow->objectName().isEmpty())
            MainWindow->setObjectName(QString::fromUtf8("MainWindow"));
        MainWindow->resize(800, 600);
        fileMenu = new QMenu(MainWindow);
        fileMenu->setObjectName(QString::fromUtf8("fileMenu"));
        fileMenu->setTitle(QString::fromUtf8("文件(&F)"));
        editMenu = new QMenu(MainWindow);
        editMenu->setObjectName(QString::fromUtf8("editMenu"));
        editMenu->setTitle(QString::fromUtf8("编辑(&E)"));
        helpMenu = new QMenu(MainWindow);
        helpMenu->setObjectName(QString::fromUtf8("helpMenu"));
        helpMenu->setTitle(QString::fromUtf8("帮助(&H)"));
        menuBar = new QMenuBar(MainWindow);
        menuBar->setObjectName(QString::fromUtf8("menuBar"));
        menuBar->setNativeMenuBar(false);
        menuBar->addAction(fileMenu->menuAction());
        menuBar->addAction(editMenu->menuAction());
        menuBar->addAction(helpMenu->menuAction());
        MainWindow->setMenuBar(menuBar);
        statusBar = new QStatusBar(MainWindow);
        statusBar->setObjectName(QString::fromUtf8("statusBar"));
        MainWindow->setStatusBar(statusBar);
        centralWidget = new QWidget(MainWindow);
        centralWidget->setObjectName(QString::fromUtf8("centralWidget"));
        MainWindow->setCentralWidget(centralWidget);
        fileMenu->addAction(actionNew);
        fileMenu->addAction(actionOpen);
        fileMenu->addAction(actionSave);
        fileMenu->addAction(actionSaveAs);
        fileMenu->addAction(actionPrint);
        fileMenu->addSeparator();
        fileMenu->addAction(actionExit);
        editMenu->addAction(actionUndo);
        editMenu->addAction(actionRedo);
        editMenu->addAction(actionCut);
        editMenu->addAction(actionCopy);
        editMenu->addAction(actionPaste);
        helpMenu->addAction(actionAbout);
        helpMenu->addAction(actionAboutQt);

        retranslateUi(MainWindow);

        QMetaObject::connectSlotsByName(MainWindow);
    } // setupUi

    // 设置界面中的所有文本
    void retranslateUi(QMainWindow *MainWindow)
    {
        MainWindow->setWindowTitle(QApplication::translate("MainWindow", "Qt应用程序", nullptr));
        fileMenu->setTitle(QApplication::translate("MainWindow", "文件(&F)", nullptr));
        editMenu->setTitle(QApplication::translate("MainWindow", "编辑(&E)", nullptr));
        helpMenu->setTitle(QApplication::translate("MainWindow", "帮助(&H)", nullptr));
        actionNew->setText(QApplication::translate("MainWindow", "新建(&N)...", nullptr));
        actionNew->setShortcut(QApplication::translate("MainWindow", "Ctrl+O", nullptr));
        actionOpen->setText(QApplication::translate("MainWindow", "打开(&O)...", nullptr));
        actionOpen->setShortcut(QApplication::translate("MainWindow", "Ctrl+O", nullptr));
        actionSave->setText(QApplication::translate("MainWindow", "保存(&S)...", nullptr));
        actionSave->setShortcut(QApplication::translate("MainWindow", "Ctrl+S", nullptr));
        actionSaveAs->setText(QApplication::translate("MainWindow", "另存为(&A)...", nullptr));
        actionPrint->setText(QApplication::translate("MainWindow", "打印(&P)...", nullptr));
        actionExit->setText(QApplication::translate("MainWindow", "退出(&X)", nullptr));
        actionExit->setShortcut(QApplication::translate("MainWindow", "Ctrl+Q", nullptr));
        actionUndo->setText(QApplication::translate("MainWindow", "撤销(&U)", nullptr));
        actionUndo->setShortcut(QApplication::translate("MainWindow", "Ctrl+Z", nullptr));
        actionRedo->setText(QApplication::translate("MainWindow", "重做(&R)", nullptr));
        actionRedo->setShortcut(QApplication::translate("MainWindow", "Ctrl+Y", nullptr));
        actionCut->setText(QApplication::translate("MainWindow", "剪切(&T)", nullptr));
        actionCut->setShortcut(QApplication::translate("MainWindow", "Ctrl+X", nullptr));
        actionCopy->setText(QApplication::translate("MainWindow", "复制(&C)", nullptr));
        actionCopy->setShortcut(QApplication::translate("MainWindow", "Ctrl+C", nullptr));
        actionPaste->setText(QApplication::translate("MainWindow", "粘贴(&P)", nullptr));
        actionPaste->setShortcut(QApplication::translate("MainWindow", "Ctrl+V", nullptr));
        actionAbout->setText(QApplication::translate("MainWindow", "关于(&A)...", nullptr));
        actionAbout->setShortcut(QApplication::translate("MainWindow", "Ctrl+A", nullptr));
        actionAboutQt->setText(QApplication::translate("MainWindow", "关于Qt(&Q)...", nullptr));
        actionAboutQt->setShortcut(QApplication::translate("MainWindow", "Ctrl+H", nullptr));
    } // retranslateUi

};

namespace Ui {
    class MainWindow: public Ui_MainWindow {};
} // namespace Ui

QT_END_NAMESPACE

#endif // UI_MAINWINDOW_H

通过以上步骤，可以完成Qt的安装和基本配置。接下来可以开始学习Qt的基础概念和控件。

Qt基础概念与控件

Qt的基本组件

主要组件

Qt应用程序由多个组件构成，主要包括：窗口（Window）、控件（Widget）、布局管理器（Layout Manager）、信号与槽（Signal & Slot）等。这些组件构成了Qt应用程序的基础。

示例代码

以下是一个简单的窗口和控件的示例代码：

#include <QApplication>
#include <QWidget>
#include <QPushButton>

int main(int argc, char *argv[])
{
    QApplication app(argc, argv);

    QWidget window;
    QPushButton button("点击我", &window);

    window.setWindowTitle("Qt窗口示例");
    window.resize(300, 200);
    window.show();

    return app.exec();
}

组件解释

QApplication 是应用程序的主类，负责初始化和管理应用程序的资源。
QWidget 是所有UI控件的基类，可以创建一个窗口。
QPushButton 是一个按钮控件，可以用于响应用户的点击操作。

常用控件介绍

常用控件

Qt提供了多种标准控件，包括但不限于：按钮（QPushButton）、标签（QLabel）、文本框（QLineEdit）、下拉列表（QComboBox）、复选框（QCheckBox）、单选按钮（QRadioButton）等。

示例代码

以下是一个包含多种控件的示例代码：

#include <QApplication>
#include <QWidget>
#include <QPushButton>
#include <QLabel>
#include <QLineEdit>
#include <QComboBox>
#include <QCheckBox>
#include <QRadioButton>

int main(int argc, char *argv[])
{
    QApplication app(argc, argv);

    QWidget window;
    QPushButton button("点击我", &window);
    QLabel label("这是一个标签", &window);
    QLineEdit lineEdit(&window);
    QComboBox comboBox(&window);
    QCheckBox checkBox("勾选我", &window);
    QRadioButton radioButton("选择我", &window);

    window.setWindowTitle("Qt控件示例");
    window.resize(400, 300);

    QVBoxLayout *layout = new QVBoxLayout(&window);
    layout->addWidget(&label);
    layout->addWidget(&lineEdit);
    layout->addWidget(&comboBox);
    layout->addWidget(&button);
    layout->addWidget(&checkBox);
    layout->addWidget(&radioButton);

    window.show();

    return app.exec();
}

控件解释

QPushButton：按钮控件，用于响应用户的点击操作。
QLabel：标签控件，用于显示文本或图像。
QLineEdit：文本框控件，用于输入文本。
QComboBox：下拉列表控件，用于选择一项。
QCheckBox：复选框控件，用于勾选选项。
QRadioButton：单选按钮控件，用于选择一项。

控件的基本操作与属性设置

控件的基本操作

控件的基本操作包括创建、设置属性、添加到布局等。

代码示例

以下是一个示例，演示如何创建一个按钮并设置其属性：

#include <QApplication>
#include <QWidget>
#include <QPushButton>

int main(int argc, char *argv[])
{
    QApplication app(argc, argv);

    QWidget window;
    QPushButton button("点击我", &window);

    button.setStyleSheet("background-color: lightblue; font-size: 18px;");
    button.resize(200, 50);
    button.move(100, 100);

    window.setWindowTitle("Qt控件操作示例");
    window.resize(300, 200);
    window.show();

    return app.exec();
}

控件属性设置

通过 QObject::setProperty() 方法可以动态设置控件的属性，例如：

button.setProperty("text", "新的文本");
button.setProperty("background-color", "lightgreen");

布局管理

通过 QVBoxLayout、QHBoxLayout、QGridLayout 等布局管理器可以方便地管理控件的布局。

QVBoxLayout *layout = new QVBoxLayout(&window);
layout->addWidget(&button);

通过以上步骤，可以学习到Qt的基本组件和常用控件的创建及属性设置。

Qt信号与槽机制

什么是信号与槽

信号与槽机制

信号与槽机制是Qt的核心特性之一，用于在对象之间传递事件和消息。信号用于通知对象发生了某种事件，而槽是用于响应这些事件的函数。信号和槽机制使得Qt程序可以实现事件驱动的编程方式。

信号与槽的基本用法

QPushButton button;
connect(&button, &QPushButton::clicked, this, &MainWindow::onButtonClicked);

以上代码将 QPushButton 的 clicked 信号与 MainWindow 的 onButtonClicked 槽连接起来。

创建信号与槽

创建自定义信号和槽

可以自定义信号和槽，以满足项目需求。例如：

class MyWidget : public QWidget {
    Q_OBJECT
public:
    MyWidget(QWidget *parent = nullptr) : QWidget(parent) {}

public slots:
    void onButtonClicked() {
        qDebug() << "按钮被点击了";
    }

signals:
    void customSignal();

public:
    void customSlot() {
        qDebug() << "自定义槽被触发";
    }
};

代码示例

以下是一个示例，展示了如何创建自定义信号和槽：

#include <QApplication>
#include <QWidget>
#include <QPushButton>
#include <QDebug>

class MyWidget : public QWidget {
    Q_OBJECT
public:
    MyWidget(QWidget *parent = nullptr) : QWidget(parent) {
        QPushButton button("点击我", this);
        connect(&button, &QPushButton::clicked, this, &MyWidget::onButtonClicked);
    }

public slots:
    void onButtonClicked() {
        qDebug() << "按钮被点击了";
        emit customSignal();
    }

signals:
    void customSignal();
};

int main(int argc, char *argv[]) {
    QApplication app(argc, argv);

    MyWidget widget;
    widget.show();

    return app.exec();
}

连接自定义信号和槽

MyWidget myWidget;
QObject::connect(&myWidget, &MyWidget::customSignal, &myWidget, &MyWidget::customSlot);

通过以上步骤，可以掌握Qt的信号与槽机制及其应用。

信号与槽的简单应用

示例代码

以下是一个示例，演示了如何使用信号与槽机制来实现一个简单的计数器：

#include <QApplication>
#include <QWidget>
#include <QPushButton>
#include <QLabel>
#include <QSpinBox>
#include <QVBoxLayout>

class CounterWidget : public QWidget {
    Q_OBJECT
public:
    CounterWidget(QWidget *parent = nullptr) : QWidget(parent) {
        QPushButton incButton("点击增加计数", this);
        QPushButton decButton("点击减少计数", this);
        QSpinBox counterSpinBox(this);

        QVBoxLayout *layout = new QVBoxLayout(this);
        layout->addWidget(&incButton);
        layout->addWidget(&decButton);
        layout->addWidget(&counterSpinBox);

        connect(&incButton, &QPushButton::clicked, &counterSpinBox, &QSpinBox::stepBy);
        connect(&decButton, &QPushButton::clicked, &counterSpinBox, QOverload<int>::of(&QSpinBox::stepBy));

        connect(&counterSpinBox, QOverload<int>::of(&QSpinBox::valueChanged), this, &CounterWidget::onValueChanged);
    }

public slots:
    void onValueChanged(int value) {
        qDebug() << "当前计数值：" << value;
    }
};

int main(int argc, char *argv[]) {
    QApplication app(argc, argv);

    CounterWidget widget;
    widget.show();

    return app.exec();
}

代码解释

QPushButton 用于触发计数器的增加和减少事件。
QSpinBox 用于显示计数值。
QVBoxLayout 用于管理控件的布局。
connect 函数用于连接信号和槽，使得按钮的点击事件可以改变计数值。
onValueChanged 槽用于输出当前计数值。

通过以上代码，可以实现一个简单的计数器，展示了信号与槽机制的简单应用。

Qt界面布局与美化

常用布局管理器

布局管理器介绍

布局管理器是Qt中用于管理控件布局的重要工具。Qt提供了多种布局管理器，包括 QVBoxLayout、QHBoxLayout、QGridLayout 和 QStackedLayout 等，使得布局管理变得更加简单和灵活。

布局管理器的使用

以下是一些常用布局管理器的基本使用方法：

QVBoxLayout

QVBoxLayout 用于垂直布局，即控件沿着垂直方向依次排列。

QVBoxLayout *layout = new QVBoxLayout(&window);
layout->addWidget(&button1);
layout->addWidget(&button2);

QHBoxLayout

QHBoxLayout 用于水平布局，即控件沿着水平方向依次排列。

QHBoxLayout *layout = new QHBoxLayout(&window);
layout->addWidget(&button1);
layout->addWidget(&button2);

QGridLayout

QGridLayout 用于网格布局，可以将控件按照网格的形式排列。

QGridLayout *layout = new QGridLayout(&window);
layout->addWidget(&button1, 0, 0);  // 第0行第0列
layout->addWidget(&button2, 0, 1);  // 第0行第1列
layout->addWidget(&button3, 1, 0);  // 第1行第0列
layout->addWidget(&button4, 1, 1);  // 第1行第1列

QStackedLayout

QStackedLayout 用于堆叠布局，可以将多个控件堆叠在一起，每次只显示一个控件。

QStackedLayout *layout = new QStackedLayout(&window);
layout->addWidget(&widget1);
layout->addWidget(&widget2);

示例代码

以下是一个示例代码，展示了如何使用 QVBoxLayout 和 QHBoxLayout 进行布局：

#include <QApplication>
#include <QWidget>
#include <QPushButton>
#include <QLabel>

int main(int argc, char *argv[])
{
    QApplication app(argc, argv);

    QWidget window;
    QPushButton button1("按钮1", &window);
    QPushButton button2("按钮2", &window);
    QLabel label("标签", &window);

    QVBoxLayout *vLayout = new QVBoxLayout(&window);
    QHBoxLayout *hLayout = new QHBoxLayout(&window);

    hLayout->addWidget(&button1);
    hLayout->addWidget(&button2);
    vLayout->addWidget(&label);
    vLayout->addLayout(hLayout);

    window.setWindowTitle("Qt布局示例");
    window.resize(300, 200);
    window.show();

    return app.exec();
}

代码解释

QVBoxLayout 用于垂直布局，将标签和水平布局放置在一起。
QHBoxLayout 用于水平布局，将两个按钮放置在一起。
addLayout 方法用于将一个布局添加到另一个布局中。

通过以上步骤，可以学习到Qt中常用的布局管理器及其基本用法。

布局管理器的应用

示例代码

以下是一个示例代码，展示了如何使用 QGridLayout 和 QStackedLayout 进行布局：

#include <QApplication>
#include <QWidget>
#include <QPushButton>
#include <QLabel>
#include <QTabWidget>

int main(int argc, char *argv[])
{
    QApplication app(argc, argv);

    QWidget window;
    QPushButton button1("按钮1", &window);
    QPushButton button2("按钮2", &window);
    QLabel label("标签", &window);
    QTabWidget tabWidget(&window);

    QGridLayout *gridLayout = new QGridLayout(&window);
    gridLayout->addWidget(&label, 0, 0);
    gridLayout->addWidget(&button1, 0, 1);
    gridLayout->addWidget(&button2, 1, 0, 1, 2);  // 跨2列

    QWidget tab1;
    QWidget tab2;
    tabWidget.addTab(&tab1, "选项卡1");
    tabWidget.addTab(&tab2, "选项卡2");

    QVBoxLayout *mainLayout = new QVBoxLayout(&window);
    mainLayout->addLayout(gridLayout);
    mainLayout->addWidget(&tabWidget);

    window.setWindowTitle("Qt布局示例");
    window.resize(400, 300);
    window.show();

    return app.exec();
}

代码解释

QGridLayout 用于网格布局，将标签、按钮1和按钮2放置在网格中。
QTabWidget 用于选项卡布局，包含两个选项卡。
QVBoxLayout 用于垂直布局，将网格布局和选项卡布局放置在一起。

通过以上代码，可以学习到如何使用 QGridLayout 和 QStackedLayout 进行布局。

界面美化技巧

代码示例

以下是一个示例代码，展示了如何通过样式表美化界面：

#include <QApplication>
#include <QWidget>
#include <QPushButton>
#include <QLabel>
#include <QVBoxLayout>

int main(int argc, char *argv[])
{
    QApplication app(argc, argv);

    QWidget window;
    QPushButton button1("按钮1", &window);
    QPushButton button2("按钮2", &window);
    QLabel label("标签", &window);

    QVBoxLayout *layout = new QVBoxLayout(&window);

    layout->addWidget(&label);
    layout->addWidget(&button1);
    layout->addWidget(&button2);

    // 设置窗口样式
    window.setStyleSheet("background-color: lightgray;");

    // 设置按钮样式
    button1.setStyleSheet("QPushButton { background-color: lightblue; font-size: 20px; } QPushButton:hover { background-color: lightgreen; }");
    button2.setStyleSheet("QPushButton { background-color: lightcoral; font-size: 20px; } QPushButton:hover { background-color: lightpink; }");

    // 设置标签样式
    label.setStyleSheet("QLabel { font-size: 18px; color: darkblue; }");

    window.setWindowTitle("Qt界面美化示例");
    window.resize(300, 200);
    window.show();

    return app.exec();
}

代码解释

QApplication：应用程序的主类。
QWidget：窗口。
QPushButton：按钮控件。
QLabel：标签控件。
QVBoxLayout：垂直布局管理器。
setStyleSheet：设置样式表，用于美化界面。

通过以上步骤，可以学习到如何使用样式表美化界面，使界面更加美观。

动态修改样式表

示例代码

以下是一个示例代码，展示了如何动态修改样式表：

#include <QApplication>
#include <QWidget>
#include <QPushButton>
#include <QLabel>
#include <QVBoxLayout>
#include <QAction>
#include <QMenu>

int main(int argc, char *argv[])
{
    QApplication app(argc, argv);

    QWidget window;
    QPushButton button1("按钮1", &window);
    QPushButton button2("按钮2", &window);
    QLabel label("标签", &window);

    QVBoxLayout *layout = new QVBoxLayout(&window);

    layout->addWidget(&label);
    layout->addWidget(&button1);
    layout->addWidget(&button2);

    window.setWindowTitle("Qt界面美化示例");
    window.resize(300, 200);
    window.show();

    // 创建一个菜单
    QMenu menu("菜单");
    QAction *action1 = menu.addAction("更改样式");
    connect(action1, &QAction::triggered, [&] {
        button1.setStyleSheet("QPushBotton {background-color: yellow;} QPushButton:hover {background-color: lightgreen;}");
    });

    return app.exec();
}

代码解释

QAction：用于触发动态修改样式表的操作。
QMenu：用于显示操作菜单。
connect：用于连接菜单的动作触发信号到样式修改函数。

通过以上代码，可以学习到如何动态修改控件的样式表。

Qt项目开发实战

创建简单的Qt应用程序

创建项目步骤

打开Qt Creator。
选择"文件"菜单中的"新建文件或项目"。
在弹出的对话框中选择"应用程序"类别，然后选择"Qt Widgets应用程序"。
输入项目名称（例如：SimpleQtApp）和项目位置，选择合适的Qt版本，然后点击"下一步"。
选择主窗口类名（例如：MainWindow），完成后点击"完成"。

示例代码

以下是一个简单的Qt应用程序的主窗口类代码：

#ifndef MAINWINDOW_H
#define MAINWINDOW_H

#include <QMainWindow>

namespace Ui {
class MainWindow;
}

class MainWindow : public QMainWindow
{
    Q_OBJECT

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

private:
    Ui::MainWindow *ui;
};

#endif // MAINWINDOW_H

#include "mainwindow.h"
#include "ui_mainwindow.h"

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

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

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

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

#ifndef UI_MAINWINDOW_H
#define UI_MAINWINDOW_H

#include <QtCore/QVariant>
#include <QtWidgets/QAction>
#include <QtWidgets/QApplication>
#include <QtWidgets/QButtonGroup>
#include <QtWidgets/QFrame>
#include <QtWidgets/QMenu>
#include <QtWidgets/QMenuBar>
#include <QtWidgets/QStatusBar>
#include <QtWidgets/QWidget>

QT_BEGIN_NAMESPACE

class Ui_MainWindow
{
public:
    QAction *actionNew;
    QAction *actionOpen;
    QAction *actionSave;
    QAction *actionSaveAs;
    QAction *actionPrint;
    QAction *actionExit;
    QAction *actionUndo;
    QAction *actionRedo;
    QAction *actionCut;
    QAction *actionCopy;
    QAction *actionPaste;
    QAction *actionAbout;
    QAction *actionAboutQt;
    QMenuBar *menuBar;
    QMenu *fileMenu;
    QMenu *editMenu;
    QMenu *helpMenu;
    QStatusBar *statusBar;
    QWidget *centralWidget;

    void setupUi(QMainWindow *MainWindow)
    {
        if (MainWindow->objectName().isEmpty())
            MainWindow->setObjectName(QString::fromUtf8("MainWindow"));
        MainWindow->resize(800, 600);
        fileMenu = new QMenu(MainWindow);
        fileMenu->setObjectName(QString::fromUtf8("fileMenu"));
        fileMenu->setTitle(QString::fromUtf8("文件(&F)"));
        editMenu = new QMenu(MainWindow);
        editMenu->setObjectName(QString::fromUtf8("editMenu"));
        editMenu->setTitle(QString::fromUtf8("编辑(&E)"));
        helpMenu = new QMenu(MainWindow);
        helpMenu->setObjectName(QString::fromUtf8("helpMenu"));
        helpMenu->setTitle(QString::fromUtf8("帮助(&H)"));
        menuBar = new QMenuBar(MainWindow);
        menuBar->setObjectName(QString::fromUtf8("menuBar"));
        menuBar->setNativeMenuBar(false);
        menuBar->addAction(fileMenu->menuAction());
        menuBar->addAction(editMenu->menuAction());
        menuBar->addAction(helpMenu->menuAction());
        MainWindow->setMenuBar(menuBar);
        statusBar = new QStatusBar(MainWindow);
        statusBar->setObjectName(QString::fromUtf8("statusBar"));
        MainWindow->setStatusBar(statusBar);
        centralWidget = new QWidget(MainWindow);
        centralWidget->setObjectName(QString::fromUtf8("centralWidget"));
        MainWindow->setCentralWidget(centralWidget);
        fileMenu->addAction(actionNew);
        fileMenu->addAction(actionOpen);
        fileMenu->addAction(actionSave);
        fileMenu->addAction(actionSaveAs);
        fileMenu->addAction(actionPrint);
        fileMenu->addSeparator();
        fileMenu->addAction(actionExit);
        editMenu->addAction(actionUndo);
        editMenu->addAction(actionRedo);
        editMenu->addAction(actionCut);
        editMenu->addAction(actionCopy);
        editMenu->addAction(actionPaste);
        helpMenu->addAction(actionAbout);
        helpMenu->addAction(actionAboutQt);

        retranslateUi(MainWindow);

        QMetaObject::connectSlotsByName(MainWindow);
    } // setupUi

    // 设置界面中的所有文本
    void retranslateUi(QMainWindow *MainWindow)
    {
        MainWindow->setWindowTitle(QApplication::translate("MainWindow", "Qt应用程序", nullptr));
        fileMenu->setTitle(QApplication::translate("MainWindow", "文件(&F)", nullptr));
        editMenu->setTitle(QApplication::translate("MainWindow", "编辑(&E)", nullptr));
        helpMenu->setTitle(QApplication::translate("MainWindow", "帮助(&H)", nullptr));
        actionNew->setText(QApplication::translate("MainWindow", "新建(&N)...", nullptr));
        actionNew->setShortcut(QApplication::translate("MainWindow", "Ctrl+O", nullptr));
        actionOpen->setText(QApplication::translate("MainWindow", "打开(&O)...", nullptr));
        actionOpen->setShortcut(QApplication::translate("MainWindow", "Ctrl+O", nullptr));
        actionSave->setText(QApplication::translate("MainWindow", "保存(&S)...", nullptr));
        actionSave->setShortcut(QApplication::translate("MainWindow", "Ctrl+S", nullptr));
        actionSaveAs->setText(QApplication::translate("MainWindow", "另存为(&A)...", nullptr));
        actionPrint->setText(QApplication::translate("MainWindow", "打印(&P)...", nullptr));
        actionExit->setText(QApplication::translate("MainWindow", "退出(&X)", nullptr));
        actionExit->setShortcut(QApplication::translate("MainWindow", "Ctrl+Q", nullptr));
        actionUndo->setText(QApplication::translate("MainWindow", "撤销(&U)", nullptr));
        actionUndo->setShortcut(QApplication::translate("MainWindow", "Ctrl+Z", nullptr));
        actionRedo->setText(QApplication::translate("MainWindow", "重做(&R)", nullptr));
        actionRedo->setShortcut(QApplication::translate("MainWindow", "Ctrl+Y", nullptr));
        actionCut->setText(QApplication::translate("MainWindow", "剪切(&T)", nullptr));
        actionCut->setShortcut(QApplication::translate("MainWindow", "Ctrl+X", nullptr));
        actionCopy->setText(QApplication::translate("MainWindow", "复制(&C)", nullptr));
        actionCopy->setShortcut(QApplication::translate("MainWindow", "Ctrl+C", nullptr));
        actionPaste->setText(QApplication::translate("MainWindow", "粘贴(&P)", nullptr));
        actionPaste->setShortcut(QApplication::translate("MainWindow", "Ctrl+V", nullptr));
        actionAbout->setText(QApplication::translate("MainWindow", "关于(&A)...", nullptr));
        actionAbout->setShortcut(QApplication::translate("MainWindow", "Ctrl+A", nullptr));
        actionAboutQt->setText(QApplication::translate("MainWindow", "关于Qt(&Q)...", nullptr));
        actionAboutQt->setShortcut(QApplication::translate("MainWindow", "Ctrl+H", nullptr));
    } // retranslateUi

};

namespace Ui {
    class MainWindow: public Ui_MainWindow {};
} // namespace Ui

QT_END_NAMESPACE

#endif // UI_MAINWINDOW_H

通过以上步骤，可以创建一个简单的Qt应用程序。

添加功能与优化界面

添加功能

添加文件菜单：
- 在主窗口类中，可以通过信号与槽机制实现文件菜单的功能。
- 例如，在 MainWindow 类中添加 onActionNew 槽函数：
```
public slots:
 void onActionNew();
```
  在 MainWindow 类中实现 onActionNew 槽函数：
```
void MainWindow::onActionNew() {
 qDebug() << "New file selected";
}
```
  在 MainWindow 构造函数中连接信号与槽：
```
connect(actionNew, &QAction::triggered, this, &MainWindow::onActionNew);
```
添加编辑菜单：
- 类似地，可以添加编辑菜单中的撤销、重做、剪切、复制、粘贴等操作。

示例代码

以下是一个示例代码，展示了如何添加文件菜单中的“新建”功能：

#ifndef MAINWINDOW_H
#define MAINWINDOW_H

#include <QMainWindow>

namespace Ui {
class MainWindow;
}

class MainWindow : public QMainWindow
{
    Q_OBJECT

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

private slots:
    void onActionNew();

private:
    Ui::MainWindow *ui;
};

#endif // MAINWINDOW_H

#include "mainwindow.h"
#include "ui_mainwindow.h"

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

    // 连接信号与槽
    connect(actionNew, &QAction::triggered, this, &MainWindow::onActionNew);
}

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

void MainWindow::onActionNew() {
    qDebug() << "New file selected";
}

优化界面

设置窗口样式：
- 可以使用 QSS（Qt Style Sheets）来美化界面，例如设置背景颜色、字体等。
使用布局管理器：
- 使用 QVBoxLayout、QHBoxLayout、QGridLayout 等布局管理器来优化界面布局。

示例代码

以下是一个示例代码，展示了如何使用样式表美化界面：

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

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

    // 连接信号与槽
    connect(actionNew, &QAction::triggered, this, &MainWindow::onActionNew);

    // 设置窗口样式
    this->setStyleSheet("background-color: lightgray;");
}

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

void MainWindow::onActionNew() {
    qDebug() << "New file selected";
}

通过以上步骤和代码，可以为应用程序添加功能并优化界面。

编写完整的Qt项目

完整项目代码

以下是一个完整的Qt项目代码，展示了如何创建一个简单的文本编辑器：

#ifndef MAINWINDOW_H
#define MAINWINDOW_H

#include <QMainWindow>

namespace Ui {
class MainWindow;
}

class MainWindow : public QMainWindow
{
    Q_OBJECT

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

private slots:
    void onActionNew();
    void onActionOpen();
    void onActionSave();
    void onTextEditChanged();

private:
    Ui::MainWindow *ui;
};

#endif // MAINWINDOW_H

#include "mainwindow.h"
#include "ui_mainwindow.h"
#include <QFileDialog>
#include <QMessageBox>
#include <QStatusBar>
#include <QTextStream>

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

    // 设置窗口标题
    this->setWindowTitle("简单文本编辑器");

    // 连接信号与槽
    connect(actionNew, &QAction::triggered, this, &MainWindow::onActionNew);
    connect(actionOpen, &QAction::triggered, this, &MainWindow::onActionOpen);
    connect(actionSave, &QAction::triggered, this, &MainWindow::onActionSave);
    connect(&ui->textEdit, &QTextEdit::textChanged, this, &MainWindow::onTextEditChanged);
}

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

void MainWindow::onActionNew() {
    if (ui->textEdit->toPlainText().isEmpty()) return;

    QMessageBox::StandardButton result = QMessageBox::question(this, "确认", "是否保存当前文档?",
        QMessageBox::Yes | QMessageBox::No | QMessageBox::Cancel);
    if (result == QMessageBox::Yes) {
        onActionSave();
    } else if (result == QMessageBox::Cancel) {
        return;
    }
    ui->textEdit->clear();
}

void MainWindow::onActionOpen() {
    QString filePath = QFileDialog::getOpenFileName(this, "打开文件", ".", "Text Files (*.txt)");
    if (filePath.isEmpty()) return;

    QFile file(filePath);
    if (!file.open(QIODevice::ReadOnly | QIODevice::Text)) {
        QMessageBox::critical(this, "错误", "无法打开文件");
        return;
    }

    QTextStream in(&file);
    ui->textEdit->setText(in.readAll());
    file.close();
}

void MainWindow::onActionSave() {
    QString filePath = QFileDialog::getSaveFileName(this, "保存文件", ".", "Text Files (*.txt)");
    if (filePath.isEmpty()) return;

    QFile file(filePath);
    if (!file.open(QIODevice::WriteOnly | QIODevice::Text)) {
        QMessageBox::critical(this, "错误", "无法保存文件");
        return;
    }

    QTextStream out(&file);
    out << ui->textEdit->toPlainText();
    file.close();

    ui->statusBar->showMessage("文件已保存", 2000);  // 显示状态栏信息
}

void MainWindow::onTextEditChanged() {
    ui->textEdit->document()->setModified(true);
}

示例代码解释

onActionNew：实现“新建”功能，提示用户是否保存当前文档。
onActionOpen：实现“打开”功能，打开一个文本文件并将其内容显示在文本编辑框中。
onActionSave：实现“保存”功能，提示用户保存文件。
onTextEditChanged：当文本编辑框内容发生变化时，将文档标记为修改状态。

通过以上代码，可以创建一个简单的文本编辑器，实现了文件的创建、打开、保存等功能。

通过以上步骤，可以创建一个完整的Qt项目，并实现基本功能。

Qt调试与常见问题解决

使用Qt Creator调试程序

调试工具

Qt Creator提供了丰富的调试工具，包括断点设置、变量查看、调用栈查看等。

示例代码

以下是一个简单的调试示例代码：

#include <QApplication>
#include <QWidget>
#include <QPushButton>
#include <QDebug>

int main(int argc, char *argv[])
{
    QApplication app(argc, argv);

    QWidget window;
    QPushButton button("点击我", &window);

    button.clicked.connect([]() {
        qDebug() << "按钮被点击了";
    });

    window.setWindowTitle("Qt调试示例");
    window.resize(300, 200);
    window.show();

    return app.exec();
}

调试步骤

在Qt Creator中打开项目。
在代码中设置断点（双击左侧空白行）。
点击“调试”按钮启动调试模式。
在调试视图中查看调用栈和变量值。

通过以上步骤，可以使用Qt Creator进行程序调试。

常见问题及解决方法

常见问题

应用程序崩溃：
- 确保所有资源都正确释放。
- 使用调试工具查看崩溃原因。
内存泄漏：
- 使用Qt Creator的内存泄漏检测工具。
- 确保所有动态分配的对象都正确释放。
界面卡顿：
- 避免在主线程中执行耗时操作。
- 使用 QTimer 或线程池来处理耗时任务。

示例代码

以下是一个示例代码，展示了如何避免界面卡顿：

#include <QApplication>
#include <QWidget>
#include <QPushButton>
#include <QTimer>

class MyWidget : public QWidget {
    Q_OBJECT
public:
    MyWidget(QWidget *parent = nullptr) : QWidget(parent) {
        QPushButton button("点击我", this);
        connect(&button, &QPushButton::clicked, this, &MyWidget::onButtonClicked);
    }

public slots:
    void onButtonClicked() {
        QTimer::singleShot(1000, this, &MyWidget::doHeavyTask);
    }

    void doHeavyTask() {
        // 模拟耗时操作
        for (int i = 0; i < 10000000; ++i) {
            // 计算操作
        }
        qDebug() << "耗时操作完成";
    }
};

int main(int argc, char *argv[]) {
    QApplication app(argc, argv);

    MyWidget widget;
    widget.show();

    return app.exec();
}

代码解释

QTimer::singleShot 用于延迟执行耗时任务，避免界面卡顿。
doHeavyTask 模拟耗时操作，实际操作可以在该函数中实现。

通过以上代码，可以避免界面卡顿问题。

Qt社区资源与帮助

Qt官方文档

Qt官方文档（https://doc.qt.io/）提供了详细的API参考和教程，是学习Qt的最佳资源之一。

Qt论坛

Qt的官方论坛（https://forum.qt.io/）是一个很好的交流平台，可以在这里提问并获得其他开发者的帮助。

Qt Creator的帮助

Qt Creator内置了大量的帮助文档和教程，可以在帮助菜单中找到。

通过以上步骤，可以使用Qt Creator进行程序调试，并解决常见问题。

点击查看更多内容

为 TA 点赞

若觉得本文不错，就分享一下吧！

评论

评论

共同学习，写下你的评论

评论加载中...

展开查看更多评论

作者其他优质文章

正在加载中

德玛西亚99

手记
篇

粉丝

92

获赞与收藏

559

关注作者，订阅最新文章

阅读免费教程

Python 办公自动化教程

17个小节 25697 869

Python 算法入门教程

15个小节 27410 1070

Python 进阶应用教程

38个小节 65719 1030

推荐

评论

收藏

共同学习，写下你的评论



感谢您的支持，我会继续努力的～

扫码打赏，你说多少就多少

赞赏金额会直接到老师账户

支付方式

打开微信扫一扫，即可进行扫码打赏哦

今天注册有机会得

100积分直接送

付费专栏免费学

大额优惠券免费领

立即参与放弃机会

点击
抽奖

慕课手记新用户专享福利

恭喜你，你的运气太好了，居然抽中了 100个积分！

恭喜你，抽中了价值元的专栏！

太棒了，直接落到你账户里！

积分商城里的罗技鼠标、机械键盘、
Kindle 阅读器、小米平衡车
Apple iPad （10.2英寸）、大额优惠券
在等着你去兑换了噢

作者：

免费赠送

兑换码：1111222211 复制

优惠券可用于购买实战课、体系课
无门槛使用

先去看看，有什么好东西马上兑换我爱学习，选课去


热搜

最近搜索清空

Qt学习：从入门到实践的简单教程

在Qt Creator中创建项目

基本配置

运行配置

示例代码

主要组件

示例代码

组件解释

常用控件

示例代码

控件解释

控件的基本操作

代码示例

控件属性设置

布局管理

信号与槽机制

信号与槽的基本用法

创建自定义信号和槽

代码示例

连接自定义信号和槽

示例代码

代码解释

布局管理器介绍

布局管理器的使用

QVBoxLayout

QHBoxLayout

QGridLayout

QStackedLayout

示例代码

代码解释

示例代码

代码解释

代码示例

代码解释

示例代码

代码解释

创建项目步骤

示例代码

添加功能

示例代码

优化界面

示例代码

完整项目代码

示例代码解释

调试工具

示例代码

调试步骤

常见问题

示例代码

代码解释

Qt官方文档

Qt论坛

Qt Creator的帮助

阅读免费教程