原来的水文标题是“用 VS Code 搞 Qt6”，想想还是直接改为“Qt6”，反正这个用不用 VS Code 也能搞。虽然我知道大伙伴们都很讨厌 CMake，但毕竟这厮几乎成了 C++ 的玩家规范了。Qt 也算识大体，支持用 CMake 来构建程序。所以，只要你用的是能写 C++ 的工具，理论上都能搞 Qt。
创建应用程序界面的时候，我们一般会选用 QWidget 以及其子类的。不过，在 Gui 模块中，有一个 QWindow 类，干吗用的呢？写个程序试试看。
#include <QGuiApplication>
#include <QWindow> int main(int argc, char** argv)
{
// 一定要先创建应用程序对象
QGuiApplication app(argc, argv);
// 创建窗口实例
QWindow win;
// create方法其实可以不调用
win.create();
// 调整窗口的大小
win.resize(300, 250);
// 设置标题栏文本
win.setTitle("番薯联盟");
// 显示窗口
win.show();
// exec进入事件（消息）循环
return QGuiApplication::exec();
}
这里说明一下，QWindow 类有个 create 方法，它的作用是创建平台相关的资源的，对应的是 destroy 方法，用来销毁这些平台相关的资源。这些平台相关的资源是为了实现跨平台的类型，如 QPlatformWindow、QPlatformSurfaceEvent 之类的。Windows 平台有单独的实现，Linux 平台也单独地实现。像 qwindowsguieventdispatcher、qunixeventdispatcher 这些也是。总之，QWindow 类可能会用到它们，于是，这些平台相关的资源，其生命周期始于 create 方法，终于 destroy 方法。
不过，create 方法这里其实可以不调用的，因为 show 方法会调用；destroy 方法也不可以不调用，它在 QWindow 类的析构函数中被调用。
咱们为上述代码写一个 CMakeLists.txt。
cmake_minimum_required(VERSION 3.0.0)
project(TestApp VERSION 0.1.0) find_package(Qt6 REQUIRED COMPONENTS Core Gui) add_executable(TestApp main.cpp)
target_link_libraries(TestApp PRIVATE Qt6::Core Qt6::Gui)
这里我们不到“铁三角”库，只用 core 和 gui 就够了，不需要 widgets。
好了，尝试运行，看看会出现什么。
这标题栏上的字体好像有问题。不管它，继续。
哦，直接实例化 QWindow 类会呈现一个空白窗口，而且这个窗口很诡异，你拖动一下改变它的大小后，就会变成这样。
这是因为这个窗口是真的很空，空到连基本的绘制都没有，只是在启动的时候填充了个颜色。这个颜色是跟随系统主题的，刚才你看到的是深色主题下的背景色。现在我把系统主题调成浅色主题，它就会变成这样。
当你调整其大小后，发生重新绘制的部分变成了黑色（就是啥也没有）。
QWindow 类虽然定义了 paintEvent 方法，但是，它实现了个寂寞。
void QWindow::paintEvent(QPaintEvent *ev)
{
ev->ignore();
}
从源代码中你会看到，默认的实现是直接把 paint 事件忽略了。
所以，我们只能从 QWindow 类派生，并重写 paintEvent 方法，绘制我们所需要的内容。
cmake_minimum_required(VERSION 3.0.0)
project(TestApp VERSION 1.2.3) find_package(Qt6 REQUIRED COMPONENTS Core Gui)
set(CMAKE_AUTOMOC ON)
set(CMAKE_CXX_STANDARD 20)
set(CMAKE_CXX_STANDARD_REQUIRED ON) add_executable(TestApp MyWindow.h MyWindow.cpp main.cpp) target_link_libraries(TestApp PRIVATE Qt6::Core Qt6::Gui)
1 #include <QWindow>
2 #include <QPaintEvent>
3 #include <QBackingStore>
4
5 #ifndef __MYWINDOW_H__
6 #define __MYWINDOW_H__
7 class MyWindow : public QWindow
8 {
9 Q_OBJECT
10 public:
11 // 构造函数
12 explicit MyWindow(QWindow* parent = nullptr);
13 protected:
14 // 重写事件
15 void paintEvent(QPaintEvent *ev) override;
16 private:
17 // 绘制窗口内容需要这个类
18 QBackingStore* m_backstore;
19 };
20 #endif
要在窗口上涂鸦，需要用到 QBackingStore 类。这是由于 QPainter 类需要一个 QPaintDevice 指针才能完成绘图。QBackingStore类可以通过 paintDevice 方法返回一个 QPaintDevice 类的指针。
m_backstore 成员也可以用 QScopedPointer 封装，防止内存泄漏。
private:
// 绘制窗口内容需要这个类
QScopedPointer<QBackingStore> m_backstore;
当超出成员作用域时会自动删除指针。
下面是实现代码。
#include "MyWindow.h"
#include <QPaintDevice>
#include <QPainter>
#include <QColor>
#include <QRect>
#include <QtDebug> MyWindow::MyWindow(QWindow* parent)
: QWindow(parent),
m_backstore(new QBackingStore(this))
{
// 设置当前窗口的位置和大小
setGeometry(799, 304, 425, 385);
// 设置绘画设备画布大小
m_backstore -> resize(QSize(400, 300));
// 设置窗口标题
setTitle("红红火火");
} void MyWindow::paintEvent(QPaintEvent* ev)
{
// 要进行绘图的区域
QRect rect = ev->rect();
// 开始
m_backstore->beginPaint(rect);
QPaintDevice* dev = m_backstore -> paintDevice();
// 创建painter实例
QPainter painter;
painter.begin(dev);
// 填充矩形
painter.fillRect(rect, QColor("red"));
painter.end();
// 结束
m_backstore->endPaint();
// 把绘图输出到窗口上
m_backstore->flush(rect);
}
QBackingStore 类的构造函数需要一个 QWindow 类或子类的指针，一般是当前窗口类。这里注意的是，QBackingStore 对象不能使用默认大小（程序会闪退），一定要调用 resize 方法设置画布的大小（或者说你能看到的视窗大小）。
当窗口需要绘制时会引发 paint 事件，重写 paintEvent 方法自行绘制窗口内容。在上面代码中，只是简单的矩形填充（填充为红色）。
m_backstore->beginPaint(rect);
QPaintDevice* dev = m_backstore -> paintDevice();
// 创建painter实例
QPainter painter;
painter.begin(dev);
// 填充矩形
painter.fillRect(rect, QColor("red"));
painter.end();
// 结束
m_backstore->endPaint();
// 把绘图输出到窗口上
m_backstore->flush(rect);
QBackingStore.paintDevice 方法所返回的 QPaintDevice 指针只在 beginPaint 和 endPaint 方法之间有效。QPaintDevice 是一个虚拟设备，用于构建二维坐标空间，然后才能在上面绘图。绘图用到 QPainter 类。这个类在实例化后，调用 begin 方法开始绘图，前面获取的 QPaintDevice 指针就在这里传递。绘制完后调用 end 方法结束。如果实例化 QPainter 类时向构造函数传递了 QPaintDevice 指针，那就不需要调用 begin 方法了。
QPainter painter(dev);
//painter.begin(dev);
// 填充矩形
painter.fillRect(rect, QColor("red"));
painter.end();
最后，main 函数中实例化 MyWindow，并显示它。
int main(int argc, char** argv)
{
// 一定要先创建应用程序对象
QGuiApplication app(argc, argv);
// 创建窗口实例
MyWindow win;
// 显示窗口
win.show();
// exec进入事件（消息）循环
return QGuiApplication::exec();
}
运行程序，看到红红的一块，就说明通正确运行了。
当然，这个窗口还是有问题的。由于 QBackingStore 对象的画布大小是硬编码的，当调整了窗口大小后，红色矩形只能看到一部分，没看到的那部分仍然是黑乎乎的。
为了完善一下，我们还要重写 resizeEvent 函数，在窗口的大小被调整后，手动修改 QBackingStore 的画布大小。
class MyWindow : public QWindow
{
Q_OBJECT
……
protected:
……
// 调整窗口大小后发生
void resizeEvent(QResizeEvent* ev) override;
……
};
void MyWindow::resizeEvent(QResizeEvent *ev)
{
this->m_backstore->resize(ev->size());
}
这样处理之后，窗口的背景色就能正常绘制了，哪怕你调整了窗口大小。
直接从 QWindow 类继承还是不太方便的，内部还要使用 QBackingStore 类。于是，我们可以考虑用 QWindow 的派生类。比如 QRasterWindow。这个类是用于创建基于像素呈现的窗口——相对应的是 QOpenGLWindow。两者用法差不多，只是绘制方式不同罢了。
QRasterWindow和QOpenGLWindow类都是 QPaintDevice 和 QWindow 的子类，所以从 QRasterWindow 派生的自定义窗口不需要定义 QBackingStore成员了，窗口自身的实例就可以传递给 QPainter 对象。
接下来咱们演示一下。先编好 CMakeLists.txt 文件。
cmake_minimum_required(VERSION 3.8)
project(HelloApp VERSION 1.0.0 LANGUAGES CXX)
# Qt内裤包
find_package(Qt6 REQUIRED COMPONENTS
Core
Gui)
# 开启MOC等选项
set(CMAKE_CXX_STANDARD 20)
set(CMAKE_CXX_STANDARD_REQUIRED YES)
set(CMAKE_AUTOMOC YES) # 代码目录
file(GLOB SRCS src/*.cpp includes/*.h)
# 添加可执行代码
add_executable(HelloApp ${SRCS})
# 链接Qt内裤
target_link_libraries(HelloApp PRIVATE
Qt6::Core
Qt6::Gui)
这里老周学会了偷懒，用 file 指令找出 includes 目录下所有扩展名为 .h 的文件， 以及 src 目录下所有扩展名为 .cpp 的文件。然后把结果存到 SRCS 变量中，在 add_executable 命令执行时直接把 SRCS 传给它。这样做的好处是不用每新建一个文件都要手动添加一次了。当 IDE 提示找不到头文件时，执行一次 CMake 配置就会触发 file 命令。项目的目录结构大致长这样：
同理，这里咱们只用到 Core 和 Gui 两个模块，不需要 Widgets。
CustWindow 类派生自 QRasterWindow 类，重写 paintEvent 方法，自行绘制窗口内容。
#include <QRasterWindow>
#include <QPaintEvent> #ifndef __CUSTWINDOW_H__
#define __CUSTWINDOW_H__
class CustWindow : public QRasterWindow
{
Q_OBJECT protected:
void paintEvent(QPaintEvent* event) override;
};
#endif
下面是实现代码。
#include "../includes/CustWindow.h"
#include <QPainter> void CustWindow::paintEvent(QPaintEvent *event)
{
QPainter painter;
painter.begin(this);
// 要绘制的区域
QRect rect = event->rect();
// 先刷刷墙壁
painter.fillRect(rect, QColor("blue"));
// 刷累了画个大饼充饥
// 换支笔
QPen pen(QColor("yellow"), 3.0f);
painter.setPen(pen);
rect.adjust(50, 50, -50, -50);
painter.drawEllipse(rect);
// 收工
painter.end();
}
在实例化 QPainter 时，可以把当前窗口指针 this 传递给 QPainter 的构造函数；或者先调用无参构造函数，然后调用 begin 方法传递 this。前面说过，QRasterWindow 类的父类中有 QPaintDevice，所以咱们的窗口类自然就能直接传给 QPainter 对象了。
这里头的继承关系是这样的：
QWindow、QPaintDevice => QPaintDeviceWindow => QRasterWindow => CustWindow
C++ 是可以多继承的，所以 QPaintDevice 能有两个基类。
app.cpp 文件中写 main 函数。
#include "../includes/CustWindow.h"
#include <QGuiApplication> int main(int argc, char* argv[])
{
QGuiApplication app(argc, argv); // 实例化窗口
CustWindow window;
// 设置标题和大小
window.setTitle("Bug App");
window.resize(450, 450);
// 显示窗口
window.show(); return app.exec();
}
运行一下，看看咱们画的大饼，又大又黄。
看到这里，相信大伙伴们都了解 QWindow 怎么玩了。于是，咱们回归标题，这个类到底干吗呢？与 QWidget 类比如何？
1、QWindow 比 QWidget 更复杂，更难用，更麻烦，是一盏很浪费油的灯；
2、可是，它也不是没用的。QWidget 测重组件化，封装得好，开柜即用，方便组装。而 QWindow 更抽象，更高级，更灵活，用来装逼直接爆表。比如你有一个窗口只用来画一个图表，告诉用户，他最近抑郁症发作的频率和趋势，以及预测什么时候无可救药。这种情形就很适合使用 QWindow 来创建窗口。
总的来说，QWindow 类能做的事情更多，但需要投入的开发成本更高，代码量更吓人。我们知道，其实窗口上的控件（比如按钮、标签、复选框等）本质上也是窗口对象——只是嵌套在顶层窗口中，成了子窗口罢了。
QWindow 对象也可以嵌套使用的，这个老周会在下一篇水文中介绍。故，QWindow 类不仅能灵活的创建窗口，也能自制许多控件。
