Qt之QGraphicsView进阶篇，2024年物联网嵌入式开发社招面试题

用户33914928060
74 阅读6分钟

img img

既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，涵盖了95%以上物联网嵌入式知识点，真正体系化！

由于文件比较多，这里只是将部分目录截图出来，全套包含大厂面经、学习笔记、源码讲义、实战项目、大纲路线、电子书籍、讲解视频，并且后续会持续更新

如果你需要这些资料，可以戳这里获取

作者：billy
版权声明：著作权归作者所有，商业转载请联系作者获得授权，非商业转载请注明出处

前言

上一章节介绍了 QGraphicsView 中的基础内容，具体请参考 Qt之QGraphicsView入门篇。这一章节我们来具体了解一下 GraphicsView 框架中有哪些特性。

缩放与旋转

QGraphicsView 通过 QGraphicsView::setMatrix() 支持和 QPainter 一样的仿射变换，通过对一个视图应用变换，你可以很容易地支持普通的导航特性如缩放与旋转。

示例：

#include <QApplication>
#include <QGraphicsView>
#include <QGraphicsScene>
#include <QGraphicsRectItem>
#include <QDialog>
#include <QVBoxLayout>
#include <QPushButton>

class MyGraphicsView : public QGraphicsView	// 自定义视图类，实现对视图的缩放和旋转
{
public:
    MyGraphicsView() {}

public slots:
    void zoomIn() { scale(1.2, 1.2); }
    void zoomOut() { scale(1/1.2, 1/1.2); }
    void rotateLeft() { rotate(-30); }
    void rotateRight() { rotate(30); }
};

int main(int argc, char *argv[])
{
    QApplication a(argc, argv);

    QGraphicsScene scene;   // 定义一个场景，设置背景色为红色
    scene.setBackgroundBrush(Qt::red);

    QPen pen;   // 定义一个画笔，设置画笔颜色和宽度
    pen.setColor(QColor(0, 160, 230));
    pen.setWidth(10);

    QGraphicsRectItem *m_rectItem = new QGraphicsRectItem();   // 定义一个矩形图元
    m_rectItem->setRect(0, 0, 80, 80);
    m_rectItem->setPen(pen);
    m_rectItem->setBrush(QBrush(QColor(255, 255, 255)));
    m_rectItem->setFlag(QGraphicsItem::ItemIsMovable);
    scene.addItem(m_rectItem);      // 把矩形图元添加到场景

    QDialog *dialog = new QDialog(nullptr, Qt::CustomizeWindowHint | Qt::WindowTitleHint);
    dialog->setWindowOpacity(0.8);
    dialog->setWindowTitle("operation");
    dialog->setLayout(new QVBoxLayout);
    QPushButton *m_zoomInBtn = new QPushButton("zoomIn");
    QPushButton *m_zoomOutBtn = new QPushButton("zoomOut");
    QPushButton *m_rotateLeftBtn = new QPushButton("rotateLeft");
    QPushButton *m_rotateRightBtn = new QPushButton("rotateRight");
    dialog->layout()->addWidget(m_zoomInBtn);
    dialog->layout()->addWidget(m_zoomOutBtn);
    dialog->layout()->addWidget(m_rotateLeftBtn);
    dialog->layout()->addWidget(m_rotateRightBtn);
    scene.addWidget(dialog);

    MyGraphicsView view; // 定义一个视图，并把场景添加到视图
    view.setScene(&scene);
    view.resize(1024, 768);
    view.show();

    // 点击按钮实现视图的缩放和旋转
    QObject::connect(m_zoomInBtn, &QPushButton::clicked, [&]() { view.zoomIn(); });
    QObject::connect(m_zoomOutBtn, &QPushButton::clicked, [&]() { view.zoomOut(); });
    QObject::connect(m_rotateLeftBtn, &QPushButton::clicked, [&]() { view.rotateLeft(); });
    QObject::connect(m_rotateRightBtn, &QPushButton::clicked, [&]() { view.rotateRight(); });

    return a.exec();
}

在这里插入图片描述

打印

Qt中对打印的支持是有一个独立的 printsupport 模块来完成的，所以要想在程序中使用Qt的打印功能，必须先在pro文件中添加：
QT += printsupport

图形视图通过它的展示函数：QGraphicsScene::render() 和 QGraphicsView::render() 提供单线（single-line）打印。这些函数提供相同的API，通过将 QPainter 传递给展示函数，你可以打印场景、视图的全部或部分内容。

场景和视图的渲染函数的不同在于 QGraphicsScene::render() 使用场景坐标，而 QGraphicsView::render() 使用视图坐标。QGraphicsScene::render() 经常用于打印未变换场景中的整块，例如一块图形数据或是打印一个文本文档。 QGraphicsView::render() 适合用于打印屏幕快照（screenshots），缺省情况下它展示视图端口中的当前内容。

官方示例：在这里插入图片描述在这里插入图片描述

拖拽和碰撞检测

由于 QGraphicsView 继承自 QWidget，所以 GraphicsView 同样提供了拖拽功能。此外，GraphicsView 框架也为场景、图元提供拖拽支持。当视图接收到拖拽事件，GraphicsView 框架会将拖拽事件翻译为 QGraphicsSceneDragDropEvent 事件，再发送到场景，场景接管事件，再把事件发送到光标下接受拖拽的第一个图元。

为了在场景中获取拖拽事件，你需要重新实现QGraphicsScene::dragEnterEvent() 和在 QGraphicsItem 的子类里任何与你特定场景需要的事件处理器。items 也可以通过调用 QGraphicsItem::setAcceptDrops() 获得拖拽支持，为了处理将要进行的拖拽，你需要重新实现 dropEvent、dragdragEnterEvent、dragLeaveEvent、dropMoveEvent、mousePressEvent、mouseReleaseEvent 和 mouseMoveEvent。

为了处理碰撞时的行为，我们需要创建 QGrahicsItem 的一个子类，然后重新实现 boundingRect 和 paint。boundingRect 用于返回图元绘制所需要的估测区域，而 paint 实现实际的绘图操纵。

这里展示一个小例子，外面一圈是 colorItem 实现了拖拽，中间是个 dropItem 实现了碰撞检测。当我把某个 colorItem 拖拽并触碰到 dropItem 时，dropItem 的颜色就会变成 colorItem 的颜色。代码太多就不放了，感兴趣的小伙伴可以在最下面示例中下载源代码。

在这里插入图片描述

光标与工具提示

像QWidget一样，QGraphicsItem也支持光标 QgraphicsItem::setCursor() 与工具提示 QGraphicsItem::setToolTip()。当光标进入到item的区域，光标与工具提示被 QGraphicsView 激活，通过调用 QGraphicsItem::contains()来检测。你也可以直接在视图上设置一个缺省光标 QGraphicsView::setCursor()。

动画

GraphicsView 框架支持多种层次的动画，使用动画框架可以很容易制作出动画。GraphicsView 框架支持的动画实现种类如下：

  • 图元需要继承自 QGraphicsObject，并且需要联结 QPropertyAnimation属性；
  • 创建继承自 QObject 和 QGraphicsItem 的图元，图元可以设置自己的定时器，通过在QObject::timeEvent() 中增加步进的方式来控制动画；
  • 通过调用 QGraphicsScene::advance() 来推进场景，依次调用QGraphicsItem::advance()；

OpenGL渲染

为了使用 OpenGL 渲染，你要设置一个新的 QGLWidget 作为QGraphicsView 的视口 QGraphicsView::setViewPort()。假如你让 OpenGL 提供反锯齿功能，你需要 OpenGL 采样缓冲支持。

收集整理了一份《2024年最新物联网嵌入式全套学习资料》，初衷也很简单，就是希望能够帮助到想自学提升的朋友。 img img

如果你需要这些资料，可以戳这里获取

一个人可以走的很快，但一群人才能走的更远！不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人

都欢迎加入我们的的圈子（技术交流、学习资源、职场吐槽、大厂内推、面试辅导），让我们一起学习成长！

avatar
文章
阅读
粉丝