Qt：图形

港控/mmm° 2022-11-16 15:21 140阅读 0赞

跨平台应用程序可以使用Qt显示图形元素。Qt抽象了平台的基础图形API，以便开发人员可以专注于应用程序代码  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3poaXpoZW5nZ3Vhbg_size_16_color_FFFFFF_t_70]

Qt渲染硬件接口(RHI)将3D图形调用从Qt应用程序转换为目标平台上可用的图形API

*  OpenGL (version 3 and higher)
 *  OpenGL ES (version 2 and higher)
 *  Vulkan (1.0 and higher)
 *  Direct3D 11 (11.1 and higher)
 *  Metal

# Qt Quick中的图形 #

Qt Quick应用程序使用  
[场景图][Link 1]进行渲染。场景图形渲染器可以创建有效的图形调用并提高性能。场景图具有可访问的API，可以让您灵活的创建复杂但快速的图形

下表的页面包含有关渲染Qt Quick应用程序的更多信息

*  [Qt快速场景图][Link 1]
 *  [场景图和渲染][Link 2]
 *  [Qt Quick Scene Graph默认渲染器][Qt Quick Scene Graph]
 *  [OpenGL和Qt Quick 2.0][OpenGL_Qt Quick 2.0]\-如何将应用程序提供的图形命令（OpenGL，Vulkan，Direct3D等）集成到Qt Quick场景图中。

Qt Quick也可以使用[Qt Quick 2D][]渲染器进行渲染。此栅格绘制引擎可在没有OpenGL的平台上渲染Qt Quick应用程序。

## 选择渲染路径 ##

Qt尽可能使用目标平台的图形API，但是，可以使用特定的API设置Qt的渲染路径。在许多情况下，选择特定的API可以提高性能，并允许开发人员在具有特定图形API的平台上进行部署。通过“ [Qt渲染硬件接口][Qt]”页面访问“[渲染][Qt]”，以了解如何在[QQuickWindow][]中设置渲染路径。

# Qt Quick 3D的3D图形 #

[Qt Quick 3D][]是一个加载项，它提供了一个高级API，用于基于Qt Quick创建3D内容和3D用户界面。它扩展了[Qt Quick Scene Graph][Link 1]，使您可以在2D Qt Quick应用程序中实现3D内容。  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3poaXpoZW5nZ3Vhbg_size_16_color_FFFFFF_t_70 1]

# 着色器效果 #

[Qt着色器工具][Qt 1]提供了一个工具[QSB][]，用于将顶点和片段着色器转换为Qt quick包的接口的。特别是，ShaderEffect QML类型和QSGMaterial子类可以使用QSB的输出。Qt Quick 3D具有自己的框架，可将着色器导入3D场景。

以下列表包含有关着色器效果的信息。

*  [Qt着色器工具][Qt 1]
 *  [可编程的材质，效果，几何和纹理数据][Link 3]\-Qt Quick 3D中的材质和着色器  
    ![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3poaXpoZW5nZ3Vhbg_size_16_color_FFFFFF_t_70 2]

# 使用Qt GUI的高级图形 #

Qt GUI提供了高级的窗口，绘画和版式系统。QPainter提供了一个API，用于将矢量图形，文本和图像绘制到不同的表面或QPaintDevice实例（例如QImage，QOpenGLPaintDevice，QWidget和QPrinter）上。对于Qt Widgets用户界面，Qt使用软件渲染器。

以下列表包含有关Qt GUI高级绘图API的信息。

*  [喷漆系统][Link 4]
 *  [坐标系][Link 5]
 *  [绘图和填充][Link 6]

# Qt OpenGL模块 #

在Qt的OpenGL的模块是需要的OpenGL访问的应用程序。该模块用于保持与Qt 5应用程序和Qt GUI的兼容性。对于使用QWidget的用户界面，QOpenGLWidget是可以添加OpenGL场景的窗口小部件。

# 打印 #

Qt支持直接打印到本地或网络上的实际打印机，以及生成PDF输出。[Qt打印支持页面][Qt 2]上详细介绍了如何使用Qt打印。

# 图片 #

Qt支持通过QImage类方便地读取，写入和处理图像。此外，为了更精细地控制图像的加载或保存方式，可以分别使用QImageReader和QImageWriter类。要添加对其他图像格式的支持，可以使用QImageIOHandler和QImageIOPlugin来创建Qt提供的图像格式之外的其他格式。

有关更多信息，请参见[读取和写入图像文件][Link 7]页面。

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3poaXpoZW5nZ3Vhbg_size_16_color_FFFFFF_t_70]: /images/20221022/da31f640f9ef4a9f92473f9e5108e9f5.png
[Link 1]: https://doc.qt.io/qt-6/qtquick-visualcanvas-scenegraph.html
[Link 2]: https://doc.qt.io/qt-6/qtquick-visualcanvas-scenegraph.html#scene-graph-and-rendering
[Qt Quick Scene Graph]: https://doc.qt.io/qt-6/qtquick-visualcanvas-scenegraph-renderer.html
[OpenGL_Qt Quick 2.0]: https://doc.qt.io/qt-6/qtquick-visualcanvas-scenegraph.html#mixing-scene-graph-and-the-native-graphics-api
[Qt Quick 2D]: http://doc.qt.io/QtQuick2DRenderer
[Qt]: https://doc.qt.io/qt-6/qtquick-visualcanvas-scenegraph-renderer.html#rendering-via-the-qt-rendering-hardware-interface
[QQuickWindow]: https://doc.qt.io/qt-6/qquickwindow.html
[Qt Quick 3D]: https://doc.qt.io/qt-6/qtquick3d-index.html
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3poaXpoZW5nZ3Vhbg_size_16_color_FFFFFF_t_70 1]: /images/20221022/4078ecdc7381441596edf60acb78c5ef.png
[Qt 1]: https://doc.qt.io/qt-6/qtshadertools-index.html
[QSB]: https://doc.qt.io/qt-6/qtshadertools-qsb.html
[Link 3]: https://doc.qt.io/qt-6/qtquick3d-custom.html
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3poaXpoZW5nZ3Vhbg_size_16_color_FFFFFF_t_70 2]: /images/20221022/3eda00e0d0754474b932fb2339cb4bba.png
[Link 4]: https://doc.qt.io/qt-6/paintsystem.html
[Link 5]: https://doc.qt.io/qt-6/coordsys.html
[Link 6]: https://doc.qt.io/qt-6/paintsystem-drawing.html
[Qt 2]: https://doc.qt.io/qt-6/qtprintsupport-index.html
[Link 7]: https://doc.qt.io/qt-6/qpixmap.html#reading-and-writing-image-files