Qt —— QGraphicsView - 笔记2:将QGraphicsView放置主窗口上,绘制简单图元(附:完整源码)

本文介绍了如何使用Qt的QGraphicsView在主窗口上展示QGraphicsScene内容,通过QGraphicsView实现可滚动视口并展示二维图形元素。文章提供了完整的源码示例,帮助读者理解QGraphicsView和QGraphicsScene之间的关系。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

🔔 Qt 相关技术、疑难杂症文章合集(掌握后可自封大侠 ⓿_⓿)(记得收藏,持续更新中…)


效果

在这里插入图片描述

相关类介绍

     QGraphicsView类提供了一个小部件,用于显示QGraphicsScene的内容。QGraphicsView在可滚动视口中可视化。QGraphicsView将滚动其视口,以确保该点在视图中居中。

     QGraphicsScene类 提供了一个用于管理大量二维图形项的场景。请注意,QGraphicsScene没有自己的视觉外观;它只管理项目。需要创建一个QGraphicsView小部件来可视化场景。

完整源码


     注意:在ui文件中拖入一个QGraphicsView类窗口控件,然后用MyGraphicsView提升该类。

### Qt 中通过 QGraphicsView 实现自定义图元的方法 在 Qt 的 `QGraphicsView` 框架中,可以通过继承 `QGraphicsItem` 类来实现自定义图元。以下是具体实现方法: #### 1. 创建自定义图元类 为了创建一个新的图元类型,通常需要派生一个新类并重写其虚函数。这些虚函数包括但不限于 `boundingRect()` 和 `paint()`。 - **boundingRect()**: 返回该图元所占据的矩形区域。 - **paint()**: 描述如何绘制这个图元。 示例代码如下所示: ```cpp // myitem.h 文件 #ifndef MYITEM_H #define MYITEM_H #include <QGraphicsItem> #include <QPainter> class MyItem : public QObject, public QGraphicsItem { Q_OBJECT public: explicit MyItem(QObject *parent = nullptr); QRectF boundingRect() const override; void paint(QPainter *painter, const QStyleOptionGraphicsItem *option, QWidget *widget) override; private: qreal radius; // 圆半径 }; #endif // MYITEM_H ``` ```cpp // myitem.cpp 文件 #include "myitem.h" MyItem::MyItem(QObject *parent) : QObject(parent), QGraphicsItem(), radius(50) {} QRectF MyItem::boundingRect() const { return QRectF(-radius, -radius, 2*radius, 2*radius); // 设置边界框大小 } void MyItem::paint(QPainter *painter, const QStyleOptionGraphicsItem *option, QWidget *widget) { painter->setBrush(Qt::red); // 填充颜色设置为红色 painter->drawEllipse(boundingRect()); // 绘制椭圆作为图形表示 } ``` 此部分实现了基本的圆形图元[^2]。 --- #### 2. 将自定义图元添加到场景中 要使自定义图元显示出来,需将其加入到 `QGraphicsScene` 对象中,并由 `QGraphicsView` 显示该场景。 示例代码如下: ```cpp // main.cpp 文件 #include <QApplication> #include <QGraphicsScene> #include <QGraphicsView> #include "myitem.h" int main(int argc, char *argv[]) { QApplication app(argc, argv); QGraphicsScene scene; // 创建场景对象 MyItem item; // 创建自定义图元实例 scene.addItem(&item); // 添加图元至场景 QGraphicsView view(&scene); // 使用视图展示场景 view.setRenderHint(QPainter::Antialiasing); // 开启抗锯齿渲染 view.show(); return app.exec(); } ``` 上述代码展示了如何将自定义图元嵌入到 `QGraphicsView` 并呈现给用户[^3]。 --- #### 3. 处理交互事件 如果希望自定义图元能够响应鼠标点击或其他输入操作,则可以进一步扩展 `QGraphicsItem` 提供的功能。例如,重载以下成员函数即可支持特定行为: - **mousePressEvent()** - **hoverEnterEvent()** 下面是一个简单的例子,用于检测鼠标的悬停动作: ```cpp void MyItem::hoverEnterEvent(QGraphicsSceneHoverEvent *event) { setCursor(Qt::PointingHandCursor); // 鼠标进入时改变光标形状 update(); // 更新绘图以反映变化 QGraphicsItem::hoverEnterEvent(event); } ``` 这一步骤增强了用户体验,使得图元具备动态反馈能力[^4]。 --- ### 总结 综上所述,在 Qt 中利用 `QGraphicsView` 构建复杂图形界面的核心在于设计合理的自定义图元以及合理管理它们之间的关系。以上介绍涵盖了从基础构建到高级特性应用的一系列技术要点。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

信必诺

嗨,支持下哥们呗。

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值