C++入门(06)安装QT并快速测试体验一个简单的C++GUI项目

2024-09-08 06:12
文章标签 简单 c++ 安装 入门 项目 体验 qt 快速 测试 gui 06

本文主要是介绍C++入门(06)安装QT并快速测试体验一个简单的C++GUI项目，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

文章目录

  • 1. 清华镜像源下载
  • 2. 安装
  • 3. 开始菜单上的 QT 工具
  • 4. 打开 Qt Creator
  • 5. 简单的 GUI C++ 项目
    • 5.1 打开 Qt Creator 并创建新项目
    • 5.2 设计界面
    • 5.3 添加按钮的点击事件
    • 5.4 编译并运行项目
  • 6. 信号和槽（Signals and Slots）

这里用到了C++类与对象的很多概念

1. 清华镜像源下载

https://mirrors.tuna.tsinghua.edu.cn/qt/archive/online_installers/4.8/?C=M&O=D
在这里插入图片描述
在这里插入图片描述

2. 安装

安装的时候可以注册，填写邮箱，设置密码，会打开网页填写表单，再到邮箱里确认等等，然后就可以继续下一步

以下过程界面可能有疏漏，看看大体过程
在这里插入图片描述
开源义务，下一步
在这里插入图片描述
在这里插入图片描述
可以点选下面一个
在这里插入图片描述

这里路径可改，我默认了
选了两个tools ：Desktop 和 DesignStudio
主要是没用过，没经验，也就不自定义安装了
根据字面意思，选了一个桌面开发、一个设计
暂时对Android 汽车操作系统应用程序和移动开发没有需求
在这里插入图片描述
在这里插入图片描述

在这里插入图片描述
有个界面是告知我大约5.2GB
接着是一段安装过程，根据网络情况，大约耗时20分钟在这里插入图片描述
安装完成
在这里插入图片描述

3. 开始菜单上的 QT 工具

安装完毕后，开始菜单
在这里插入图片描述

  • Qt Creator 14.0.1 (Community)
    主要的开发环境和 IDE，编写、编辑、调试和构建 Qt 应用程序

  • Qt Design Studio
    专注于 GUI 设计，设计界面，导入到 Qt Creator 中进行逻辑开发

  • Qt 6.7.2 (MinGW 11.2.0 64-bit)
    不需要直接打开，被 Qt Creator 调用的编译工具链

  • Designer 6.7.2 (MinGW 11.2.0 64-bit)
    独立的界面设计工具，对于简单的 UI 设计，使用 Qt Creator 内置的功能

  • Assistant 6.7.2 (MinGW 11.2.0 64-bit)
    查阅 Qt 的官方文档和 API 说明。

  • Linguist 6.7.2 (MinGW 11.2.0 64-bit)
    本地化工具，为 Qt 应用程序进行多语言支持

  • Qt Maintenance Tool
    Qt 的维护工具，更新或更改 Qt 安装时使用

    4. 打开 Qt Creator

Qt Creator，所有的开发、设计、调试功能都在这里集成，使用 Qt 的主要平台
点击
在这里插入图片描述
界面最底下有一行，在帮助里可以再次打开
在这里插入图片描述

5. 简单的 GUI C++ 项目

设计一个基本的窗口应用程序，放置一个按钮，点击按钮时会显示一条消息

5.1 打开 Qt Creator 并创建新项目

（1）打开 Qt Creator，在主界面上，点击 “新建项目”（或选择“文件” > “new project…”）
在这里插入图片描述
（2）在“项目”类别下，选择 “Application” > “Qt Widgets Application”，然后点击 “选择”
在这里插入图片描述
Qt Widgets Application 是 Qt 框架中的一种应用程序类型，用于开发传统的桌面图形用户界面（GUI）应用程序
每个 Widgets 就是一个控件，如按钮 (QPushButton)、文本框 (QLineEdit)、列表 (QListView)、窗口 (QMainWindow) 等
Qt Widgets 应用程序的典型结构：
Main Window (QMainWindow)，主窗口，包含菜单栏、工具栏、状态栏等
各类控件（按钮、文本框）可以放置在主窗口中
当控件发生某个事件（如按钮被点击）时，它发出一个信号，槽函数可以捕捉这个信号并执行相应的代码

（3）给项目取一个名称（如 “MyFirstQtApp”），并选择项目的保存路径。点击 “下一步”
在这里插入图片描述
（4）构建系统
三个选项：qmake、CMake 和 Qbs

  • qmake
    Qt 自带的构建系统，集成良好，适合快速上手，易于配置，特别适合小型项目，快速创建和测试 GUI 应用程序。
    逐渐被 CMake 所取代，官方推荐新项目使用 CMake
  • CMake
    逐渐成为 Qt 项目推荐的构建工具。
    能够管理复杂的构建配置，广泛支持各类编译器和开发工具，跨平台，易于与第三方库集成
  • Qbs (Qt Build Suite)
    逐步被官方弃用。

这里只是想快速体验 Qt 的开发流程，选择 qmake
在这里插入图片描述
（5）Details
保持默认的类名称和基类设置， “下一步”
在这里插入图片描述
（6）Translation
这个界面是 Qt 项目设置中的 Translation File（翻译文件） 配置界面，主要为应用程序添加多语言
只是想创建一个简单的 GUI 项目，其中包含一个按钮和一个消息框，没有复杂的多语言需求，因此保持默认的 <无> 即可
在这里插入图片描述

（7）构建套件（Kit）
默认即可。
配置项目编译和运行环境的集合，编译器、Qt 版本、调试器等。它定义了如何编译和运行你的项目。每个 Kit 对应不同的开发平台和配置，比如 Windows、Linux、调试版本、发布版本等
在这里插入图片描述
Desktop Qt 6.7.2 MinGW 64-bit
当前配置的构建套件，指定了使用 Qt 6.7.2 版本和 MinGW 64 位编译器。这是一个标准的配置，适合大多数 Windows 桌面应用程序的开发。
Debug生成带调试信息的可执行文件，开发阶段用来调试代码。
Release生成优化后的可执行文件，没有调试信息，适合发布和分发应用程序
Profile性能分析的配置
对一个简单项目来说，保持默认构建套件

Python 3.12.4，Qt 支持 Python 的集成，可以用于 Qt for Python 项目，当前开发的是一个 C++ GUI 项目，不选

点击 “下一步”

（8）汇总
在这里插入图片描述

点击完成，界面如下
在这里插入图片描述

5.2 设计界面

在项目树中，找到并双击 mainwindow.ui 文件
在这里插入图片描述
打开 Qt Designer设计界面
在左侧的 Widget Box 中找到 Push Button（按钮），拖放到窗口中央
在这里插入图片描述
在右侧的 属性面板中设置按钮的 text 属性为 “Click Me”
在这里插入图片描述
在这里插入图片描述

5.3 添加按钮的点击事件

（1）选中按钮，在右侧 属性面板中找到 “objectName”，确保它的名称是 pushButton
可以更改，pushButton1，pushButton2… 或者有意义的名字，根据需要命名，C++类的对象的名称，理解为变量名，代码里引用的时候要和这里保持一致

在这里插入图片描述
Ctrl + s

（2）左侧编辑，双击 mainwindow.h，在 mainwindow.h 文件中，声明槽函数 onButtonClicked()
在这里插入图片描述

#ifndef MAINWINDOW_H
#define MAINWINDOW_H#include <QMainWindow>QT_BEGIN_NAMESPACE
namespace Ui { class MainWindow; }
QT_END_NAMESPACEclass MainWindow : public QMainWindow
{Q_OBJECTpublic:explicit MainWindow(QWidget *parent = nullptr);~MainWindow();private slots:void onButtonClicked();  // 声明槽函数private:Ui::MainWindow *ui;
};#endif // MAINWINDOW_H

在这里插入图片描述
槽函数声明位置：onButtonClicked() 必须声明在 private slots: 下
确保mainwindow.cpp 文件构造函数中 connect() 调用的槽函数名与声明和实现完全一致。

（3）mainwindow.cpp 文件
在 mainwindow.cpp 中实现构造函数 MainWindow::MainWindow 和槽函数 onButtonClicked()
头文件和实现文件同步更新：如果修改了槽函数，确保同时修改 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);// 连接按钮的点击信号到槽函数 onButtonClickedconnect(ui->pushButton, &QPushButton::clicked, this, &MainWindow::onButtonClicked);
}MainWindow::~MainWindow()
{delete ui;
}// 槽函数的实现，当按钮被点击时会调用这个函数
void MainWindow::onButtonClicked()
{// 显示一个消息框QMessageBox::information(this, "消息", "按钮被点击了！");
}

QMessageBox::information(this, “消息”, “按钮被点击了！”); 是 Qt 框架中用来显示消息框的函数调用
标题：消息
内容：按钮被点击了！
按钮：一个“OK”按钮，用户可以点击以关闭消息框
在这里插入图片描述

5.4 编译并运行项目

点击左下角的 绿色三角形（运行按钮），或按 Ctrl+R
在这里插入图片描述

Qt Creator 会编译项目并启动程序，出现一个窗口，带有一个按钮，点击按钮时，会弹出一个消息框显示 “Button Clicked!”
在这里插入图片描述

6. 信号和槽（Signals and Slots）

信号是 Qt 对象（通常是 QWidget 的子类）用来通知其他对象某些事件已经发生的机制
例如，当按钮被点击时，就会发出 clicked() 信号
槽函数用于接收信号并对信号做出响应，
槽是一个普通的 C++ 函数，可以是任何成员函数、普通函数、甚至是 lambda 表达式，并且可以是公有、保护或私有的函数

使用 connect() 函数将信号和槽连接起来

connect(信号发出者, 信号, 接收者, 槽函数);

connect(ui->pushButton, &QPushButton::clicked, this, &MainWindow::onButtonClicked);

将按钮的 clicked() 信号与 onButtonClicked() 槽函数连接，当按钮被点击时，onButtonClicked() 就会被调用

这篇关于C++入门(06)安装QT并快速测试体验一个简单的C++GUI项目的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！


http://www.chinasem.cn/article/1147342。

相关文章

C++中unordered_set哈希集合的实现

C++中unordered_set哈希集合的实现

《C++中unordered_set哈希集合的实现》std::unordered_set是C++标准库中的无序关联容器,基于哈希表实现,具有元素唯一性和无序性特点,本文就来详细的介绍一下unorder... 目录一、概述二、头文件与命名空间三、常用方法与示例1. 构造与析构2. 迭代器与遍历3. 容量相关4
阅读更多...
C++中悬垂引用(Dangling Reference) 的实现

C++中悬垂引用(Dangling Reference) 的实现

《C++中悬垂引用(DanglingReference)的实现》C++中的悬垂引用指引用绑定的对象被销毁后引用仍存在的情况,会导致访问无效内存,下面就来详细的介绍一下产生的原因以及如何避免,感兴趣... 目录悬垂引用的产生原因1. 引用绑定到局部变量，变量超出作用域后销毁2. 引用绑定到动态分配的对象，对象
阅读更多...
vite搭建vue3项目的搭建步骤

vite搭建vue3项目的搭建步骤

《vite搭建vue3项目的搭建步骤》本文主要介绍了vite搭建vue3项目的搭建步骤,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学... 目录1.确保Nodejs环境2.使用vite-cli工具3.进入项目安装依赖1.确保Nodejs环境
阅读更多...
idea+spring boot创建项目的搭建全过程

idea+spring boot创建项目的搭建全过程

《idea+springboot创建项目的搭建全过程》SpringBoot是Spring社区发布的一个开源项目,旨在帮助开发者快速并且更简单的构建项目,：本文主要介绍idea+springb... 目录一.idea四种搭建方式1.Javaidea命名规范2JavaWebTomcat的安装一.明确tomcat
阅读更多...
pycharm跑python项目易出错的问题总结

pycharm跑python项目易出错的问题总结

《pycharm跑python项目易出错的问题总结》：本文主要介绍pycharm跑python项目易出错问题的相关资料,当你在PyCharm中运行Python程序时遇到报错,可以按照以下步骤进行排... 1. 一定不要在pycharm终端里面创建环境安装别人的项目子模块等，有可能出现的问题就是你不报错都安装
阅读更多...
使用EasyPoi快速导出Word文档功能的实现步骤

使用EasyPoi快速导出Word文档功能的实现步骤

《使用EasyPoi快速导出Word文档功能的实现步骤》EasyPoi是一个基于ApachePOI的开源Java工具库,旨在简化Excel和Word文档的操作,本文将详细介绍如何使用EasyPoi快速... 目录一、准备工作1、引入依赖二、准备好一个word模版文件三、编写导出方法的工具类四、在Export
阅读更多...
uni-app小程序项目中实现前端图片压缩实现方式(附详细代码)

uni-app小程序项目中实现前端图片压缩实现方式(附详细代码)

《uni-app小程序项目中实现前端图片压缩实现方式(附详细代码)》在uni-app开发中,文件上传和图片处理是很常见的需求,但也经常会遇到各种问题,下面：本文主要介绍uni-app小程序项目中实... 目录方式一：使用<canvas>实现图片压缩（推荐，兼容性好）示例代码（小程序平台）：方式二：使用uni
阅读更多...
python依赖管理工具UV的安装和使用教程

python依赖管理工具UV的安装和使用教程

《python依赖管理工具UV的安装和使用教程》UV是一个用Rust编写的Python包安装和依赖管理工具,比传统工具（如pip）有着更快、更高效的体验,：本文主要介绍python依赖管理工具UV... 目录前言一、命令安装uv二、手动编译安装2.1在archlinux安装uv的依赖工具2.2从github
阅读更多...
C++读写word文档(.docx)DuckX库的使用详解

C++读写word文档(.docx)DuckX库的使用详解

《C++读写word文档(.docx)DuckX库的使用详解》DuckX是C++库,用于创建/编辑.docx文件,支持读取文档、添加段落/片段、编辑表格,解决中文乱码需更改编码方案,进阶功能含文本替换... 目录一、基本用法1. 读取文档3. 添加段落4. 添加片段3. 编辑表格二、进阶用法1. 文本替换2
阅读更多...
MyCat分库分表的项目实践

MyCat分库分表的项目实践

《MyCat分库分表的项目实践》分库分表解决大数据量和高并发性能瓶颈,MyCat作为中间件支持分片、读写分离与事务处理,本文就来介绍一下MyCat分库分表的实践,感兴趣的可以了解一下... 目录一、为什么要分库分表？二、分库分表的常见方案三、MyCat简介四、MyCat分库分表深度解析1. 架构原理2. 分
阅读更多...

Copyright China编程 23002807@qq.com

沪ICP备2023033072号-2