在大家安装完了QtCreator后我们来创建我们的第一个Qt项目(Qt的安装视频我看后期能不能出一个)。
进入QtCreator界面后,我们可以看见左边的文件选项,和右边的new选项,这两个按键都可以为我们创建一个Qt项目文件:

这里我们选择点击new:

然后我们来创建HelloWorldQt:

注意:Qt中的项目路径不要有中文!!!
然后我们接着进入项目的一些基本信息的配置:


然后下面这个界面可能Qt有的版本会有,有的没有(没有的忽略即可)。这实际上就是使用Qt Linguist为你的Qt项目提供一个不同语言的翻译版本(不选择对于项目本身没有影响):

继续地话,我们可以来到了编译套件的选择,如果有多个套件的话选择一种即可,我这里就只有一个DeskTop Qt的编译套件,所以上面的SelectAll会自动勾上:

然后还有版本控制工具的选择:

最后我们点击完成,就创建好了我们的第一个项目,项目的文件结构就长下面这样:

接下来我们我们看一看这个文件结构当中的一些文件分别是什么。
在创建Qt项目之后会自动生成一个后缀为 .pro 的文件,这是项目的配置文件,记录了一些项目的配置信息,我们逐个看一下:
# 在项目文件中, 注释需要使用 井号(#)
# 项目编译的时候需要加载哪些底层模块
QT += core gui
# 如果当前Qt版本大于4, 会添加一个额外的模块: widgets
# Qt 5中对gui模块进行了拆分, 将 widgets 独立出来了
greaterThan(QT_MAJOR_VERSION, 4): QT += widgets
# 使用c++11新特性
CONFIG += c++11
#如果在项目中调用了废弃的函数, 项目编译的时候会有警告的提示
DEFINES += QT_DEPRECATED_WARNINGS
# 项目中的源文件
SOURCES += \
main.cpp \
mainwindow.cpp
# 项目中的头文件
HEADERS += \
mainwindow.h
# 项目中的窗口界面文件
FORMS += \
mainwindow.ui
# 项目的(安装)部署规则
#在 QNX 上,安装到 /tmp/ 目录(临时测试)。
#在 Linux/macOS 上,安装到 /opt/ 目录(标准第三方软件目录)。
#对于 Windows 或 Android,这段代码没有定义任何规则,所以 target.path 为空,make install 可能#不会有任何效果,除非你在别处定义了规则。
#!!!如果你的Qt是在windows上的,可能没有这一段代码,没有影响
qnx: target.path = /tmp/$${TARGET}/bin
else: unix:!android: target.path = /opt/$${TARGET}/bin
!isEmpty(target.path): INSTALLS += target这个源文件中有程序的入口函数,我们来看一下main函数中自动生成的这几行代码:
#include "mainwindow.h" // 生成的窗口类头文件
#include <QApplication> // 应用程序类头文件
int main(int argc, char *argv[])
{
// 创建应用程序对象, 在一个Qt项目中实例对象有且仅有一个
// 类的作用: 检测触发的事件, 进行事件循环并处理
QApplication a(argc, argv);
// 创建窗口类对象
MainWindow w;
// 显示窗口
w.show();
// 应用程序对象开始事件循环, 保证应用程序不退出
return a.exec();
}在Qt中每一个窗口有对应一个可编辑的可视化界面(.ui),这个文件实际上是一个XML格式文件,一般情况下我们不需要在XML格式下编辑这个文件,所以不需要太多的关注:
<!-- 双击这个文件看到的是一个窗口界面, 如果使用文本编辑器打开看到的是一个XML格式的文件 -->
<!-- 看不懂这种格式没关系, 我们不需要在这种模式下操作这个文件。 -->
<!-- 这里只是给大家介绍这个文件的本质 -->
<?xml version="1.0" encoding="UTF-8"?>
<ui version="4.0">
<class>MainWindow</class>
<widget class="QMainWindow" name="MainWindow">
<property name="geometry">
<rect>
<x>0</x>
<y>0</y>
<width>800</width>
<height>600</height>
</rect>
</property>
<property name="windowTitle">
<string>MainWindow</string>
</property>
<widget class="QWidget" name="centralwidget"/>
<widget class="QMenuBar" name="menubar"/>
<widget class="QStatusBar" name="statusbar"/>
</widget>
<resources/>
<connections/>
</ui>是窗口界面对应类的头文件(换句话说,窗口对应类的定义放在这里):
#ifndef MAINWINDOW_H
#define MAINWINDOW_H
#include <QMainWindow> // Qt标准窗口类头文件
QT_BEGIN_NAMESPACE
// mainwindow.ui 文件中也有一个类叫 MainWindow, 将这个类放到命名空间 Ui 中
namespace Ui { class MainWindow; }
QT_END_NAMESPACE
class MainWindow : public QMainWindow
{
Q_OBJECT // 这个宏是为了能够使用Qt中的信号槽机制
public:
MainWindow(QWidget *parent = nullptr);
~MainWindow();
private:
Ui::MainWindow *ui; // 定义指针指向窗口的 UI 对象
};
#endif // MAINWINDOW_H窗口对应界面的源文件:
#include "mainwindow.h"
#include "ui_mainwindow.h"
MainWindow::MainWindow(QWidget *parent)
: QMainWindow(parent)
, ui(new Ui::MainWindow) // 基于mainwindow.ui创建一个实例对象
{
// 将 mainwindow.ui 的实例对象和 当前类的对象进行关联
// 这样同名的连个类对象就产生了关联, 合二为一了
ui->setupUi(this);
}
MainWindow::~MainWindow()
{
delete ui;
}我们在一开始创建窗口类的时候有三个选项可以选择:QMainWindow、QDialog、QWidget如下图:


QWidget:
QDialog:
QMainwindow:
内嵌窗口:
不内嵌窗口:
在Qt中窗口的显示是需要指定位置的,这个位置是基于坐标的,而坐标的选取是基于坐标原点的。
坐标原点位于窗口的左上角:

Qt中的窗口都需要坐标,有许多窗口是内嵌到其他窗口的,子窗口的坐标是基于父窗口的:

下面举一个例子进行解释:
假设我们有一个父窗口 Parent 和一个放在它里面的子窗口 Child。
Parent:
frameGeometry() -> QRect(100, 100, 400, 300) (在屏幕坐标 (100,100) 处,宽400,高300)
geometry() -> QRect(110, 130, 380, 260) (因为边框和标题栏占掉了一些空间)
Child:
Child->move(50, 30);
Child->resize(100, 80);
现在,我们来解释坐标:
Child->pos():
QPoint(50, 30)。
Child 的左上角,位于父窗口 Parent内容区域左上角向右 50像素,向下 30像素 的地方。
Child->geometry():
QRect(50, 30, 100, 80)。
(50, 30) 就是 pos(),大小 (100, 80) 就是子窗口的大小。
Qt在创建对象的时候会创建一个Parent对象指针(可以查看类的构造函数),那么Parent到底是用来干嘛的:
QObject是以对象树形式组织的。每当创建一个QObject对象的时候,构造函数会接收一个QObject指针,这个参数其实就是Parent,也就是父对象指针。更简单地说,没创建一个QoObject对象,就会提供一个它父对象,同时会将这个创建的对象加入到父对象的children()列表中。当父对象析构时,子对象也会析构。