QT图形视图框架——QGraphicsView/QGraphicsScene/QGraphicsItem

最新推荐文章于 2024-08-20 00:02:02 发布
最新推荐文章于 2024-08-20 00:02:02 发布
阅读量1.1k 收藏 1
点赞数
分类专栏： Qt 文章标签： qt5 交互设计 视图设计 图形学
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_38602865/article/details/105795893
版权
QT图形视图框架用于管理大量的2D图形项，由QGraphicsView、QGraphicsScene和QGraphicsItem组成。QGraphicsView负责将场景内容可视化并支持多视口；QGraphicsScene是图形项的容器，允许添加和检索图形项；QGraphicsItem是图形元素，包括标准项和自定义项。通过QGraphicsView设置视图的前景和背景，而QGraphicsScene的设置影响所有关联视图。自定义QGraphicsItem需要重写boundingRect()和paint()方法。
摘要由CSDN通过智能技术生成

图形视图框架

  • 功能：管理数量庞大的自定义2D图形项
  • 组成：视图(QGraphicsView)+场景(QGraphicsScene)+图形项(QGraphicsItem)

视图(QGraphicsView)

  • 功能：使场景中的内容可视化，可以连接多个视图到同一个场景来为相同的数据集提供多个视口。视图部件是可滚动的区域。
  • setDragMode()函数设置拖拽模式：QGraphicsView::ScrollHandDrag使光标变成手掌形状，从而可以拖动场景；QGraphicsView::RubberBandDrag使用鼠标拖出橡皮筋框来选择图形项
  • 默认提供一个QWidget作为视图部件，QGraphicsView.setViewport()设置视图，当定义多个视图对象时，调用show()函数会出现多个widget窗口。
  • 创建对象，把场景作为父窗口，用setxxx()函数设置一系列的属性
    QgraphicsView view(&scene);
    view.setForegroundBrush(QColor); //设置场景的前景色，类似于遮罩
    view.setBackgroundBrush(QPixmap); //设置场景的背景图片
    view.resize(); //视图的大小
    用QGraphicsView设置前景和背景时，只对当前视图有效，而用QGraphicsScene进行设置时，对所有在该场景中的视图都有效。

场景(QGraphicsScene)

  • 功能：图形项QGraphicsItem对象的容器，可以调用QGraphicsScene::a
最低0.47元/天 解锁文章
fableawu
关注
专栏目录
QGraphicsItem、QGraphicsView、QGraphicsScene封装
04-02
QGraphicsItem、QGraphicsView、QGraphicsScene封装自定义
QGraphics Scene、Graphics Item、Graphics View关系及一个实例
君君的博客
06-02 1061
QGraphics Scene、Graphics Item、Graphics View
图片展示控件QGraphicsView、QGraphicsScene、QGraphicsItem的使用Demo
Jane_Yih的博客
08-17 220
图片展示控件 Graphics View Framework的使用Demo QGraphicsView、QGraphicsScene、QGraphicsItem的使用Demo 支持图片的旋转与缩放，自动缩放至接触边框
QGraphicsScene Item 绘制图元
07-06
QGraphicsScene QGraphicsItem 绘制直线，折线，多边形，矩形，圆形，闭合曲线以及文字，双击进行编辑，右键结束当前操作， Qt5.6
QGraphicsView,QGraphicsScene和QGraphicsItem
weixin_43956958的博客
07-04 5224
图形视图框架提供了一个基于图形项的模型视图编程方法，主要由场景、视图和图形项三部分组成，这三部分分别由QGraphicsScene、QGraphicsView和QGraphicsItem这三个类来表示。
Qt中的QGraphicsView、QGraphicsScene与QGraphicsItem：图形视图框架介绍
最新发布
m0_66847953的博客
08-20 939
Qt中的QGraphicsView、QGraphicsScene与QGraphicsItem：图形视图框架介绍
图形绘制QGraphicsView、QGraphicsScene、QGraphicsItem、Qt GUI
01-26 1901
QGraphicsView、QGraphicsScene、QGraphicsItem 和 Qt GUI（QGuiApplication）的使用及关系
QGraphicsView、QGraphicsScene和QGraphicsItem坐标关系和应用
qq_35662333的博客
04-09 1885
这里先创建一个矩形设置到sence中，然后再把图片设置到sence，运行后只看到图片看不到画的矩形原因在于sence中的items会根据additem的顺序展示出来，运行程序后先展示矩形，然后展示图片，但图片会覆盖矩形，所以只能看到图片，并不是矩形没有了，如果先additem图片在additem矩形，这样先展示图片，然后会在图片上画出矩形，这样可以正确显示。也是一个独立的坐标系，图像左上角默认为(0, 0)点，把图像放入scene，图像左上角坐标默认在scene的原点，设置图像左上角坐标。
QGraphicsView、QGraphicsScene和QGraphicsItem三者关系
weixin_60828461的博客
11-26 2585
按我自己的理解做个比如吧，不知道准不准确，但是应该能很好理解。 将QGraphicsView比作成一台手机，那么QGraphicsScene相当于手机里的app，比如是音乐播放器的话，那么QGraphicsItem就是里面的歌曲，在复杂点的话，就可以是播放器里的一切，不单单是歌曲，如播放、暂停按钮，歌词，歌手海报啥的。 多个views可以监视同一个场景，而场景包含多个具有多种几何外形的items。所以这句话大概意思就是多台手机里面都可以有同一个播放器，然后...
Qt | QGraphicsView+QGraphicsScene+QGraphicsItem会跳舞的机器人
m0_45463480的博客
08-10 853
在 Qt 中，2D 绘图主要通过一系列的类来实现，这些类提供了丰富的功能来绘制图形、文本、图像等。
Qt图形视图框架：QGraphicsView使用详解
MusicScore的博客
07-08 594
QGraphicsView 是 Qt 图形视图框架中的一个核心组件，它与 QGraphicsScene 和 QGraphicsItem 一起协同工作。：场景类，管理所有的图形元素（QGraphicsItem）。：图形项类，表示具体的图形元素，可以是矩形、椭圆、线条、图片等。：视图类，用于在窗口中展示场景中的内容。通过这种分离模型，Qt 的图形视图框架实现了场景与视图的解耦，提供了灵活的图形展示和交互方式。我们可以通过继承 QGraphicsItem 类来创建自定义图形项。
QT的Graphics View柜架
孙绪江的专栏
08-05 1120
 Graphics View提供了一个界面，它既可以管理大数量的定制2D graphical items，又可与它们交互，有一个view widget可以把这些项绘制出来，并支持旋转与缩放。这个柜架也包含一个事件传播结构，对于在scene中的这些items,它具有双精度的交互能力。Items能处理键盘事件，鼠标的按，移动、释放、双击事件，也可以跟踪鼠标移动。GraphicsView使用
QGraphicsView,QGraphicsScene,QGraphicsItem
weixin_30950887的博客
06-26 206
参考：Qt4 开发实践第八章 图形视图QGraphicsView #ifndef DRIVEDGRAPH_H #define DRIVEDGRAPH_H #include <QObject> #include <QGraphicsItem> #include <QGraphicsScene> #include <QGraph...
QGraphicsView与QGraphicsScene
陌上人如玉，公子世无双。
09-09 1191
class CanvasView(QGraphicsView): def __init__(self, scene, parent=None): super().__init__(scene, parent) # 设置样式，不然会有滚动条 self.setStyleSheet("padding:0px;border:0px") self.setAlignment(Qt.AlignLeft | Qt.AlignTop) class .
QGraphicsView 和 QGraphicsScene的区别
Joooooohn的博客
01-14 657
通常，你会在 `QGraphicsScene` 中添加图形项，然后通过一个或多个 `QGraphicsView` 来显示这个场景。在Qt中，`QGraphicsView` 和 `QGraphicsScene` 是用于创建图形界面中图形元素的两个重要类。- `QGraphicsView` 是用于在界面上显示 `QGraphicsScene` 中的图形项的视图。- `QGraphicsScene` 是一个场景，用于管理和存储图形项（`QGraphicsItem`）。
Qt 图形视图框架＜二＞——＜QGraphicsView、QGraphicsScene＞
君君的博客
06-02 1548
QGraphicsView、QGraphicsScene
介绍 QT 的 QGraphicsView 和 QGraphicsScene
程序猿视角
01-14 864
您可以在 QGraphicsScene 中添加多个图形项，并对它们进行组织和操作。它提供了对场景的可视化和交互，可以放大、缩小、平移和旋转场景中的图形项。QGraphicsView 还支持鼠标和键盘事件，可以实现与图形项的交互。您还可以通过添加其他类型的图形项，如椭圆、多边形、文本等，以及使用不同的样式和属性来绘制更复杂的图形。当绘制复杂的图形或实现交互式图形应用程序时，可以使用 QGraphicsView 和 QGraphicsScene 来进行绘图。
Qt Graphics View
zw_ggr_2017的博客
09-01 4583
Graphics View框架，场景视图，代码示例
在Qt中，QGraphicsView和QGraphicsScene的使用教程
05-16
QGraphicsView和QGraphicsScene是Qt中用于2D图形显示和交互的重要组件。下面是它们的基本使用教程： 1. 创建QGraphicsScene对象 ```cpp QGraphicsScene* scene = new QGraphicsScene(parent); ``` 2. 将图形元素添加到场景中 ```cpp QGraphicsItem* item = new QGraphicsItem(); scene->addItem(item); ``` 3. 创建QGraphicsView对象 ```cpp QGraphicsView* view = new QGraphicsView(scene, parent); ``` 4. 设置视图显示区域大小 ```cpp view->setFixedSize(width, height); ``` 5. 将视图添加到主窗口中 ```cpp layout->addWidget(view); ``` 6. 设置视图的缩放和平移 ```cpp view->setDragMode(QGraphicsView::ScrollHandDrag); //启用拖拽模式 view->setViewportUpdateMode(QGraphicsView::SmartViewportUpdate); //更新视图时，只更新可见区域 view->setRenderHint(QPainter::Antialiasing); //启用反锯齿 view->setOptimizationFlag(QGraphicsView::DontAdjustForAntialiasing); //不自适应反锯齿 view->setInteractive(true); //启用交互 //设置缩放 view->setRenderHint(QPainter::SmoothPixmapTransform); view->setResizeAnchor(QGraphicsView::AnchorUnderMouse); view->setTransformationAnchor(QGraphicsView::AnchorUnderMouse); //设置平移 view->setHorizontalScrollBarPolicy(Qt::ScrollBarAlwaysOff); view->setVerticalScrollBarPolicy(Qt::ScrollBarAlwaysOff); ``` 7. 设置场景的背景 ```cpp scene->setBackgroundBrush(QBrush(Qt::white)); ``` 8. 设置图形元素的属性 ```cpp item->setPos(x, y); //设置元素在场景中的位置 item->setZValue(z); //设置元素的堆叠顺序 item->setFlags(QGraphicsItem::ItemIsMovable | QGraphicsItem::ItemIsSelectable); //设置元素的交互属性 ``` 9. 处理视图和场景的事件 ```cpp void MyView::mousePressEvent(QMouseEvent* event) { QGraphicsView::mousePressEvent(event); QPointF scenePos = mapToScene(event->pos()); //处理场景中的元素事件 } void MyScene::mousePressEvent(QGraphicsSceneMouseEvent* event) { QGraphicsScene::mousePressEvent(event); QGraphicsItem* item = itemAt(event->scenePos(), QTransform()); //处理元素事件 } ``` 以上是QGraphicsView和QGraphicsScene的基本使用教程，可以根据实际需求进行进一步的开发和优化。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值