原来的水文标题是“用 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 类不仅能灵活的创建窗口，也能自制许多控件。