QT基础篇（6）QT5图形与图片

1.QT5位置相关函数

在Qt5中，有一些与位置相关的函数可以帮助您处理窗口和控件的位置。下面是一些常用的位置相关函数：

move(x, y): 将窗口或控件移动到屏幕上的指定位置，其中x和y表示要移动到的坐标。
resize(width, height): 调整窗口或控件的大小，其中width和height表示新的宽度和高度。
geometry(): 返回窗口或控件的几何数据，包括位置和大小。
pos(): 返回窗口或控件的当前位置。
size(): 返回窗口或控件的当前大小。
setGeometry(x, y, width, height): 同时设置窗口或控件的位置和大小。
setFixedSize(width, height): 设置窗口或控件的固定大小，禁止用户调整大小。
mapToGlobal(point): 将窗口或控件坐标系中的点映射到全局坐标系中。
mapFromGlobal(point): 将全局坐标系中的点映射到窗口或控件坐标系中。

这些函数可以帮助您控制窗口和控件的位置和大小，从而实现更好的用户界面布局。

2.QT5基础图形的绘制

在QT5中，可以使用QPainter类来绘制基础图形。下面是一些常见的基础图形绘制操作：

绘制直线：

QPainter painter(this);
painter.drawLine(QPointF(10, 10), QPointF(50, 50));

绘制矩形：

QPainter painter(this);
painter.drawRect(QRect(20, 20, 50, 50));

绘制椭圆：

QPainter painter(this);
painter.drawEllipse(QRect(20, 20, 50, 50));

绘制圆弧：

QPainter painter(this);
painter.drawArc(QRect(20, 20, 50, 50), 0, 180 * 16);

绘制多边形：

QPainter painter(this);
QVector<QPoint> points;
points << QPoint(10, 10) << QPoint(50, 10) << QPoint(50, 50) << QPoint(10, 50);
painter.drawPolygon(points);

绘制曲线：

QPainter painter(this);
QPainterPath path;
path.moveTo(10, 10);
path.cubicTo(40, 30, 80, 80, 120, 40);
painter.drawPath(path);

以上代码中， this 表示绘制的目标窗口，可以根据实际情况修改为其他绘制目标。

绘制操作完成后，通过调用 QPainter::end() 方法来结束绘制过程。

3.Qt5 双缓冲机制

在Qt5中，双缓冲机制可以通过使用QWidget::setDoubleBuffered(true)函数来启用。

双缓冲机制是一种绘图优化技术，用于避免屏幕闪烁和绘图锯齿等问题。在双缓冲机制下，绘图操作首先在一个隐藏的缓冲区进行，之后再将整个缓冲区绘制到屏幕上，从而实现平滑的绘图效果。

下面是一个使用双缓冲机制的示例：

#include <QApplication>
#include <QWidget>
#include <QPainter>class MyWidget : public QWidget
{
public:MyWidget(QWidget *parent = nullptr) : QWidget(parent){setDoubleBuffered(true);}protected:void paintEvent(QPaintEvent *event) override{QPainter painter(this);// 在缓冲区绘制图形QPainter bufferPainter(&buffer);bufferPainter.fillRect(rect(), Qt::white);bufferPainter.drawText(rect(), Qt::AlignCenter, "Hello, World!");// 将缓冲区绘制到屏幕上painter.drawImage(rect(), buffer);}private:QImage buffer;
};int main(int argc, char *argv[])
{QApplication app(argc, argv);MyWidget widget;widget.show();return app.exec();
}

在上述示例中，我们通过将缓冲区的图像绘制到屏幕上，来避免直接在屏幕上进行绘图操作。这样可以减少对屏幕资源的频繁访问，以及减少屏幕的闪烁和锯齿效应。

注意，在使用双缓冲机制时，要确保在每次绘图操作后都调用QWidget::update()函数来触发重绘事件，以便将缓冲区的内容绘制到屏幕上。

4.显示QT5 SVG格式图片

在Qt5中，可以使用QSvgWidget来显示SVG格式的图片。以下是一个示例：

#include <QApplication>
#include <QSvgWidget>
#include <QFile>int main(int argc, char *argv[])
{QApplication app(argc, argv);// 创建并设置QSvgWidgetQSvgWidget svgWidget;svgWidget.show();// 加载SVG文件QFile file("image.svg");if (file.open(QIODevice::ReadOnly)){svgWidget.load(&file);file.close();}return app.exec();
}

在上述示例中，通过创建一个QSvgWidget并调用它的load函数来加载SVG文件。你需要将SVG文件的路径指定为正确的位置。一般情况下，SVG文件可以通过QFile类来读取。

运行这段代码后，你应该会看到一个显示SVG图片的窗口。

概念解析：XML

XML（可扩展标记语言）是一种用于表示结构化数据的标记语言。它是一种通用的标记语言，被广泛应用于数据交换和存储。

XML使用标签来描述数据的结构和语义。以下是XML的一些基本特点：