QT学习之图形视图框架

绝地灬酷狼 2022-03-25 10:52 299阅读 0赞

### 文章目录 ###

*  坐标系统
 *   *  图形项坐标
     *  场景坐标
     *  视图坐标
     *  坐标映射
 *  事件处理与传播
 *  QGraphicsScene 管理 QGraphicsItem（单击/选择/移动/缩放/删除）
 *  参考

# 坐标系统 #

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3N0eTk0NQ_size_16_color_FFFFFF_t_70]

## 图形项坐标 ##

图元生活在自己的局部坐标系。它们的坐标通常围绕它们的中心点(0, 0)，并且这也是所有转换的中心。图元坐标系下的几何元素通常指点、线或矩形。

创建自定义图元时，只需考虑图元坐标即可。QGraphicsScene和QGraphicsView会为你实现所有相关的转换，这样一来，实现自定义图元就容易多了。例如：当你接收到鼠标按下或拖拽事件时，事件位置将由图元坐标给出。如果某一点（传递一个图元坐标作为参数）在图元中，那么GraphicsItem::contains()虚函数将会返回true；否则，返回false。同样的，项绑定的矩形或形状区域也是项坐标系统的。同样的，图元的矩形边界和形状都是基于图元坐标的。

图元的位置是图元的中心点在其父坐标系下的坐标，有时也被称为父坐标。场景从这个意义上说是所有无父图元的“parent”，顶层图元的位置在场景坐标中。

子坐标是相对于父坐标而言的。如果子坐标没有转换，那么子坐标和父坐标的差异就和图元在父坐标中的距离一样。例如：一个未经转换的子图元正好位于父图元的中心点，那么，这两个图元的坐标系是完全一样的。如果子图元的位置是(10, 0)，那么子图元的(0, 10)点就对应父图元的(10, 10)点位置。

由于图元的位置和转换是相对于父图元来说的，因此，虽然父图元的转换隐式地转换了子图元，但是子图元的坐标不会因父图元的转换而受到影响。在上述示例中，即使父图元经过了旋转和缩放，子图元的(0, 10)点始终对应父图元的(10, 10)点。不过相对于场景来说，子图元将随着父图元进行转换和偏移 。如果父图元缩放了(2x, 2x)，那么子图元在场景中的坐标是(20, 0)，并且其(10, 0)点将会对应于场景中的(40, 0)点。

不管图元或父图元进行了怎样的转换，QGraphicsItem的函数操作都在图元坐标内。例如：一个图元的矩形边界（QGraphicsItem::boundingRect()）总是在图元坐标下给出。但是QGraphicsItem::pos()是例外之一，该函数表示其在父图元中的位置 。

## 场景坐标 ##

场景为所有的图元提供了基础的坐标系。场景坐标系描述了每一个顶层图元的位置，同时构成了从视图传递到场景的所有场景事件的基础。场景中的每个图元都有一个场景位置和矩形边界（QGraphicsItem::scenePos()、QGraphicsItem::sceneBoundingRect()）；另外，也有其自身的位置和矩形边界。场景位置描述了图元在场景坐标下内的位置，场景矩形边界则提供给QGraphicsScene来决定场景中的哪块区域已经被改变了。场景中的变化通过QGraphicsScene::changed()信号发出，参数是场景矩形列表。

## 视图坐标 ##

视图坐标是部件的坐标，视图坐标中的每个单位对应一个像素。对于该坐标系来说比较特殊的一点是：它相对于部件或视口，不会受被观察的场景所影响。QGraphicsView的视口左上角总是(0, 0)，右下角总是(viewport width, viewport height)。所有的鼠标事件和拖拽事件都以视图坐标接收到的，你需要将这些坐标映射到场景，以便于和图元进行交互。

## 坐标映射 ##

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3N0eTk0NQ_size_16_color_FFFFFF_t_70 1]  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3N0eTk0NQ_size_16_color_FFFFFF_t_70 2]

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3N0eTk0NQ_size_16_color_FFFFFF_t_70 3]

# 事件处理与传播 #

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3N0eTk0NQ_size_16_color_FFFFFF_t_70 4]

# QGraphicsScene 管理 QGraphicsItem（单击/选择/移动/缩放/删除） #

学习见[链接][Link 1]  
如果想让场景使用橡皮筋进行框选，则可以使用：

setDragMode(QGraphicsView::RubberBandDrag);

但是图形项不能设置成：

setFlag(QGraphicsItem::ItemIsFocusable);

而是应该设置成:

setFlag(QGraphicsItem::ItemIsSelectable);

这里提供一份代码：可以使用

使用shift+鼠标左键单选
    使用ctrl+鼠标左键多选
    使用鼠标的橡皮筋进行多选

# 参考 #

[https://blog.csdn.net/liang19890820/article/details/51966791][https_blog.csdn.net_liang19890820_article_details_51966791]

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3N0eTk0NQ_size_16_color_FFFFFF_t_70]: /images/20220325/34e3e820a71f4affa43ea374e8140223.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3N0eTk0NQ_size_16_color_FFFFFF_t_70 1]: /images/20220325/752ebe1c3ea74e9a861976726fa8f47e.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3N0eTk0NQ_size_16_color_FFFFFF_t_70 2]: /images/20220325/22016ee79e6d40fc85f67f7ba5d91628.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3N0eTk0NQ_size_16_color_FFFFFF_t_70 3]: /images/20220325/cd087cb0d3114f2692182beadd807f20.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3N0eTk0NQ_size_16_color_FFFFFF_t_70 4]: /images/20220325/692bea1870454e579e0f2085ba5936b6.png
[Link 1]: https://blog.csdn.net/liang19890820/article/details/53504323
[https_blog.csdn.net_liang19890820_article_details_51966791]: https://blog.csdn.net/liang19890820/article/details/51966791