Qt5开发从入门到精通——第一篇概述(1)

最新推荐文章于 2024-05-10 18:00:16 发布

2401_84182758

最新推荐文章于 2024-05-10 18:00:16 发布

阅读量903

点赞数 14

分类专栏：程序员文章标签： qt 数据库开发语言

本文链接：https://blog.csdn.net/2401_84182758/article/details/138263509

版权

程序员专栏收录该内容

126 篇文章 1 订阅

订阅专栏

Qt 按照不同的版本发行，分为商业版和开源版。 Qt 商业版为商业软件提供开发环境，它们
提供传统商业软件发行版，并且提供在协议有效期内的免费升级和技术支待服务。而 Qt 开源版
是为了开发自由而设计的开放源代码软件，它提供了和商业版本同样的功能，在 GNU 通用公共
许可证下，它是免费的。

1.3、Qt5开发环境简介

在 Qt 程序开发过程中，除可以通过手写代码实现软件开发功能外，还可以通过 Qt 的 GUI
界面设计器 (Qt Designer) 进行界面的绘制和布局。该工具提供了 Qt 的基本可绘制窗口部件，
如 QWidget、 QLabel 、 QPushButton 和 QVBoxLayout 等。在设计器中用鼠标直接拖曳这些窗口
部件，能够高效、快速地实现 GUI 界面的设计，界面直观形象，所见即所得。 Qt 设计器主界面如下图所示
在这里插入图片描述
进入 Qt 设计器主界面后，看到的设计区窗体部分（如下图所示）就是将要设计的顶层窗口部件（顶层窗口部件是其他子窗口部件的载体）。

在 Qt 设计器主界面的左侧”组件箱”栏中列出了经常使用的 Qt 标准窗口部件，可以直
接拖曳相应的窗口部件图标到顶层窗口部件的界面上。同时，也可以将设计的窗口部件组合
（通过布局管理器对 Qt 标准窗口部件进行布局和组合）或放置其他窗口部件的 Qt 容器类（见
”组件箱”栏中的 “Containers” 组）直接拖曳到“组件箱”栏中， Qt 设计器会自动在”组件
箱”栏中生成" Scratchpad" 组，并生成新的自定义的窗口部件。此后，可以像使用 Qt 提供
的标准窗口部件一样使用新创建的窗口部件。
选中 Qt 设计器主界面的“控件" -> "视图”中的全部选项，在 Qt 设计器主界面上可以看
到设计器提供的一些编辑工具子窗口（如图 1.13 所示）。
• 对象查看器 (Object Inspector): 列出了主界面中所有窗口部件，以及各窗口部件的父
子关系和包容关系。
• 属性编辑器 (Property Editor): 列出了窗口部件可编辑的属性。
• Action 编辑器 (Action Editor): 列出了为窗口部件设计的 QAction 动作，通过“添加”或
“删除”按钮可以新建一个可命名的 QAction 动作或删除指定的 QAction 动作。
• 信号和槽编辑器 (Signals & Slots Editor): 列出了在 Qt 设计器中关联的信号和槽，通过
双击列中的对象或信号／槽，可以进行对象的选择和信号／槽的选择。
此外，通过 Qt 设计器的“编辑”菜单，可以打开 Qt 设计器主界面的四种 GUI 窗口部件编
辑模式。
• 控件编辑模式 (Edit Widgets): 可以在 Qt 设计器主界面中添加 GUI 窗口部件并修改它
们的属性和外观。
• 信号／槽编辑模式 (Edit Signals/Slots): 可以在 Qt 设计器主界面中的窗口部件上关联 Qt
已经定义好的信号和槽。
• 伙伴编辑模式 (Edit Buddies): 可以在 Qt 设计器主界面中的窗口部件上建立 QLabel 标
签和其他窗口部件的伙伴关系。
•Tab 顺序编辑模式 (Edit Tab Order): 可以在 Qt 设计器主界面中的窗口部件上设置 Tab
键在窗口部件上的焦点顺序。

二、简单项目设计

2.1、设计器 Qt ~DesJgner 实现

【例】（简单）采用设计器 Qt Designer 实现计算圆面积，完成如下图所示的功能
首先进行界面设计，然后编写相应的计算圆面积代码。

2.1.1 界面设计

步骤如下。
(1) 单击运行 Qt Creator, 进入 Qt Creator 初始界面。单击上端的
new Project 按钮，或者选择“文件" – “新建文件或项目．．”命令，创建一个新项目，出
现“新建项目”窗口（如下图2.1.1 所示）。
(2) 单击选择项目 “Application” -> “Qt Widgets Application” 选项，单击 “Choose …”
按钮。
编程者需要创建什么样的项目就选择相应的项目选项即可。例如， “Qt Console Application”
选项是创建一个基千控制台的项目。这里因为需要建立一个桌面应用程序，所以选择"Qt Widgets
Application”（如下图2.1.2所示）。
(3) 选择保存项目的路径并定义自己项目的名字。注意，保存项目的路径中不能有中文。
项目命名没有大小写要求，依据个人习惯命名即可。这里将项目命名为 Dialog, 保存路径为
D:\Qt_1, （如下图2.1.3 所示）。单击“下一步”按钮。
(4) 弹出“粔t Selection” (选择构建套件）界面，系统默认已指定 C++ 的编译器和调试器，
（如下图2.1.4所示），直接单击“下一步”按钮。
(5) 根据实际需要，选择一个“基类”。这里选择 QDialog 对话框类作为基类，这时“类名“
“头文件”“源文件”“界面文件”都出现默认的文件名。注意，对这些文件名都可以根据具体需
要进行相应的修改。默认选中“创建界面“复选框（如下图2.1.5 所示），表示需要采用界面设计器
来设计界面，否则须要利用代码完成界面的设计。
(6) 选择完成后单击“下一步”按钮，相应的文件自动加载到项目文件列表中，如下图2.1.5 所示）。
图2.1.1
在这里插入图片描述

图2.1.2
在这里插入图片描述
图2.1.3

图2.1.4

图2.1.5

图2.1.6

2.2.1编写相应的计算圆面积代码

首先简单认识一下 Qt 编程环境。找到文件列表中自动添加的 main.cpp 文件，如图 1.21 所示。
每个工程都有一个执行的入口函数，此文件中的 main()函数就是此工程的入口。
下面详细介绍 main()函数的相关内容：

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

int main(int argc, char \*argv[])
{
    QApplication a(argc, argv);
    Dialog w;
    w.show();

    return a.exec();
}

其中，

( a) #include “dialog.h”: 包含了程序中要完成功能的 Dialog 类的定义，在 Dialog 类中封装
完成所需要的功能。注意，使用哪个类就必须将包含该类的头文件引用过来。例如，若用到一
个按钮类，则必须在此处添加一行代码 #include < QPushButton >, 这表明包含了按钮
(QPushButton) 类的定义。

( b) #include < QApplication >: Application 类的定义。在每个使用 Qt 图形化应用程序中都必
须使用一个 QApplication 对象。 QApplication 管理了各种各样的图形化应用程序的广泛资源、基
本设置、控制流及事件处理等。

( c) int main(int argc, char *argv[ ]): 应用程序的入口，几乎在所有使用 Qt 的情况下， main（）
函数只需要在将控制转交给 Qt 库之前执行初始化，然后 Qt 库通过事件向程序告知用户的行为。
所有 Qt 程序中都必须有且只有一个 main()函数。 main()函数有两个参数，即 argc 和 argv ,argc
是命令行变量的数量， argv 是命令行变量的数组。

( d) QApplication a(argc, argv): a 是这个程序的 QApplication 对象。在任何 Qt 的窗口系统
部件被使用之前必须创建 QApplication 对象。它在这里被创建并且处理这些命令行变量。所有
被 Qt 识别的命令行参数都将从 argv 中被移去（并且 argc 也因此而减少）。

( e) w.show( ): 当创建一个窗口部件的时候，默认它是不可见的，必须调用 show( )函数使它
变为可见。

( f) return a.exec( ): 程序进入消息循环，等待可能的输入进行响应。这里就是 main() 函数将
控制权转交给 Qt, Qt 完成事件处理工作，当应用程序退出的时候， exec( )函数的值就会返回。
在 exec()函数中， Qt 接收并处理用户和系统的事件并且将它们传递给适当的窗口部件。

2.2.2 编写相应的计算圆面积代码方式

现在，有两种方式可以完成计算圆面积功能：一是通过触发按钮事件完成（方式 1); 二是
通过触发输入编辑框事件完成（方式 2) 。
方式 1: 在 “lineEdit” 文本框内输入半径值，然后单击按钮，则在 lineEdit_2
中显示对应的圆面积。
编写代码步骤如下。
(1) 在“计算”按钮上按鼠标右键，在弹出的下拉菜单中选择“转到槽…”命令，在“转到
槽”对话框中选择 QAbstractButton 的 “clicked( )” 信号，单击 “OK” 按钮，如图 2.2.1 、图2.2.2 、图2.2.3 、图 2.2.4（对象）所示。
图 2.2.1
在这里插入图片描述
打开ui界面后，把相应的控件拉取到编辑框内，如下图2.2 。
图2.2

在这里插入图片描述

图2.2.2
在这里插入图片描述
图2.2.3

图 2.2.4（对象）

(2) 进入 dialog.cpp 文件中按钮单击事件的槽函数 on_pushButton_clicked()。信号与槽连接的
具体说明后面篇章会说明。在此函数中添加如下代码：

void Dialog::on\_pushButton\_clicked()
{
    bool ok;
    QString tempStr;
    QString valueStr = ui->lineEdit->text();
    int valueInt = valueStr.toInt(&ok);
    double area = valueInt\*valueInt\*PI;
    ui->lineEdit_2->setText(tempStr.setNum(area));
}

(3) 在 dialog.cpp 文件开始处添加以下语句：

const static double PI = 3.1416;

定义全局变量 PI 。

方法2： 在 “Line Edit” 文本框内输入半径值，不需要单击按钮触发单击事件，直接就在
lineEdit_2 中显示圆面积。
编写代码步骤如下。
(1) 在 “Line Edit” 文本框上按鼠标右键，在弹出的下拉菜单中选择“转到槽…”命令，在
“转到槽”对话框中选择 QLineEdit 的 “textChanged(QString)” 信号，如图 2.2.5 所示。
在这里插入图片描述
( 2) 单击 “OK” 按钮，进入 dialog.cpp 文件中的文本编辑框改变值内容事件的槽函数
on_lineEdit_textChanged(const QString &arg1)。在此函数中添加如下代码

void Dialog::on\_lineEdit\_textChanged(const QString &arg1)
{
    bool ok;


![img](https://img-blog.csdnimg.cn/img_convert/9e07f6de30703db2258938ae75208787.png)
![img](https://img-blog.csdnimg.cn/img_convert/793ae3742d41e00f50fa3863cc1a4e3a.png)

**网上学习资料一大堆，但如果学到的知识不成体系，遇到问题时只是浅尝辄止，不再深入研究，那么很难做到真正的技术提升。**

**[需要这份系统化资料的朋友，可以戳这里获取](https://bbs.csdn.net/topics/618545628)**


**一个人可以走的很快，但一群人才能走的更远！不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人，都欢迎加入我们的的圈子（技术交流、学习资源、职场吐槽、大厂内推、面试辅导），让我们一起学习成长！**

习资料一大堆，但如果学到的知识不成体系，遇到问题时只是浅尝辄止，不再深入研究，那么很难做到真正的技术提升。**

**[需要这份系统化资料的朋友，可以戳这里获取](https://bbs.csdn.net/topics/618545628)**


**一个人可以走的很快，但一群人才能走的更远！不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人，都欢迎加入我们的的圈子（技术交流、学习资源、职场吐槽、大厂内推、面试辅导），让我们一起学习成长！**

2401_84182758

关注

14
点赞
踩
8

收藏

觉得还不错? 一键收藏
0
评论
Qt5开发从入门到精通——第一篇概述(1)

在 Qt 程序开发过程中，除可以通过手写代码实现软件开发功能外，还可以通过 Qt 的 GUI界面设计器 (Qt Designer) 进行界面的绘制和布局。该工具提供了 Qt 的基本可绘制窗口部件，如 QWidget、 QLabel 、 QPushButton 和 QVBoxLayout 等。在设计器中用鼠标直接拖曳这些窗口部件，能够高效、快速地实现 GUI 界面的设计，界面直观形象，所见即所得。Qt 设计器主界面如下图所示。
复制链接

扫一扫