Qt Graphics View

Graphics View框架

在 Qt 中，Graphics View Framework（场景视图框架）是用于创建和管理可交互的 2D 图形界面的强大工具。它提供了以下主要的类和概念：

1. QGraphicsScene（场景）：QGraphicsScene 是一个 2D 场景，作为图形项的容器。你可以将图形项添加到场景中，并通过场景来管理这些图形项。场景提供了对图形项的布局、定位和变换等操作。它还负责事件派发和碰撞检测等功能。

2. QGraphicsView（视图）：QGraphicsView 是用于显示 QGraphicsScene 的视图。它提供了一个可滚动的窗口，可以在其中显示场景中的图形项。通过 QGraphicsView，你可以控制视图的缩放、平移和旋转等操作。它还支持鼠标和键盘事件处理。

3. QGraphicsItem（图形项）：QGraphicsItem 是场景中的可绘制对象。可以将其理解为场景中的图形元素或对象。QGraphicsItem 可以是简单的图形元素，例如线条、矩形和椭圆，也可以是复杂的自定义图形。它们可以添加到场景中，并通过 QGraphicsScene 来管理和操作。

4. QGraphicsWidget（图形部件）：QGraphicsWidget 是 QGraphicsItem 的子类，它提供了一种与 QWidget 类似的部件风格的接口。它可以包含其他图形项，并且支持布局和大小调整等功能。

通过使用 Graphics View Framework，你可以创建具有丰富交互性和定制性的 2D 图形界面。你可以在场景中添加、移动和删除图形项，并通过视图来查看和操作场景。Graphics View Framework 还提供了方便的方法来处理事件、选择图形项、执行动画、导出图形为图片等功能。你可以根据需要继承 QGraphicsItem 或 QGraphicsWidget 类来创建自定义的图形项。

总而言之，Graphics View Framework 提供了一个强大且灵活的工具集，用于创建可交互的 2D 图形界面，并且支持丰富的图形操作和事件处理。无论是创建游戏、数据可视化还是绘制图表，Graphics View Framework 都能够满足各种需求。

坐标系统及坐标映射

Graphics View Framework 中的三种坐标系统是：

1. 物件坐标（Item Coordinates）：物件坐标系统是指每个图形项（Item）自身的局部坐标系统。每个图形项都有自己的物件坐标，坐标原点通常位于图形项的左上角。物件坐标用于描述图形项自身的位置和几何属性。

2. 场景坐标（Scene Coordinates）：场景坐标系统是整个 QGraphicsScene 的坐标系统。它是一个无限大的平面，与物理设备的像素大小无关。场景坐标用于描述图形项在场景中的相对位置。

3. 视图坐标（View Coordinates）：视图坐标系统是指用于显示场景的 QGraphicsView 的坐标系统。视图坐标与物理设备的像素大小一致，即一个单位的视图坐标对应于一个像素。视图坐标用于描述图形项在视图中的位置和大小。

坐标映射（Coordinate Mapping）是 Graphics View Framework 提供的一组便捷函数，用于在物件坐标、场景坐标和视图坐标之间进行转换。这些函数包括：

• mapToScene()：将物件坐标或视图坐标转换为场景坐标。
• mapFromScene()：将场景坐标转换为物件坐标或视图坐标。
• mapToItem()：将物件坐标转换为另一个图形项的物件坐标。
• mapFromItem()：将另一个图形项的物件坐标转换为物件自身的物件坐标。

通过使用这些坐标映射函数，你可以方便地在不同的坐标系统之间进行转换操作，从而实现图形项的位置定位、交互以及坐标系之间的精确对齐。

事件处理

在 Qt 场景视图中，事件传递的顺序如下：

1. 事件发生在 QGraphicsView 上。例如，鼠标按下或释放、鼠标滚轮旋转等事件首先在 QGraphicsView 上触发。

2. QGraphicsView 将事件传递给当前活动的 QGraphicsScene。

3. 如果 QGraphicsScene 没有处理事件，它将把事件传递给位于事件发生位置下方的最上层可接收事件的 QGraphicsItem。

4. QGraphicsItem 依次接收事件，传递给具体的 QGraphicsItem 类型处理。

5. 如果 QGraphicsItem 没有处理事件，事件将根据 QGraphicsItem 的父项关系传递给更高级别的 QGraphicsItem，直到事件被处理为止。

6. 如果事件最终没有被任何 QGraphicsItem 处理，它将被丢弃。

总结起来，Qt 场景视图中的事件传递顺序是从 QGraphicsView 开始，然后传递给 QGraphicsScene，再传递给特定的 QGraphicsItem，直到事件被处理，或者如果没有任何 QGraphicsItem 处理事件，则事件被丢弃。通过重写 QGraphicsView、QGraphicsScene 和 QGraphicsItem 中的事件处理函数，你可以控制和自定义事件的处理过程。

QGraphicsView介绍

QGraphicsView类是Qt图形框架中的一个重要类，用于在应用程序中显示和呈现QGraphicsScene中的2D图形场景。它提供了一个可视化窗口或部件，用于将场景中的图形项显示到屏幕上，并负责处理与图形的交互操作和事件。

QGraphicsView类的主要作用如下：

1. 提供图形场景的可视化窗口： QGraphicsView提供了一个可视化的窗口或部件，用于将QGraphicsScene中的图形项显示到屏幕上。开发人员可以将QGraphicsScene与QGraphicsView关联，通过设置QGraphicsView的参数和属性，来实现图形的显示效果、布局和交互方式。

2. 实现图形的渲染和绘制： QGraphicsView负责将QGraphicsScene中的图形项渲染和绘制到窗口上。它使用与底层图形系统相关的绘图API，将图形项的形状、颜色、边框等绘制到屏幕上。通过控制QGraphicsView的绘制参数和视图的缩放、平移等操作，可以实现不同的图形展示效果。

3. 处理图形的交互操作和事件： QGraphicsView负责捕获和处理与图形相关的用户交互操作和事件。例如，鼠标点击、拖拽、滚动、缩放等操作可以通过QGraphicsView进行处理。开发人员可以重写QGraphicsView的事件处理方法，以实现自定义的交互行为和相应逻辑。

4. 支持视图的变换和坐标转换： QGraphicsView支持视图的变换，包括平移、缩放、旋转等操作，使开发人员能够灵活地控制图形的显示方式。它提供了一些方法用于坐标转换，可以将视图坐标与场景坐标进行相互转换，并实现鼠标点击位置到场景中图形项的映射。

5. 实现多视图显示和布局： QGraphicsView支持多视图显示，同一个QGraphicsScene可以关联到多个QGraphicsView上进行显示。这样的设计模式使得开发人员能够更灵活地实现图形的布局和显示效果，例如在不同的窗口或部件中同时显示同一个场景。

总之，QGraphicsView类在Qt图形框架中扮演着一个图形场景的呈现器和交互控制器的角色。借助QGraphicsView类，开发人员可以将QGraphicsScene中的图形项显示到屏幕上，并通过设置参数和属性来实现图形的渲染、交互和显示效果。通过视图的变换和坐标转换功能，可以实现图形的平移、缩放和旋转等操作，以及在多视图之间的布局和交互操作。

QGraphicsView接口

QGraphicsView类提供了一系列的接口，用于设置和控制视图的外观、行为和交互操作。以下是QGraphicsView类的一些重要接口：

1. 构造函数

   • QGraphicsView(QGraphicsScene* scene = nullptr, QWidget* parent = nullptr)：构造一个QGraphicsView对象，并关联到指定的场景scene，并设置父级窗口为parent。

2. 场景和视图

   • setScene(QGraphicsScene* scene)：设置要显示的场景。
   • scene() const：返回当前关联的场景对象。
   • setRenderHint(QPainter::RenderHint hint, bool enabled = true)：设置渲染提示，用于控制渲染的质量和性能。
   • setRenderHints(QPainter::RenderHints hints)：设置一组渲染提示。
   • renderHints() const：返回当前的渲染提示。

3. 视图行为

   • setDragMode(QGraphicsView::DragMode mode)：设置拖拽模式，用于控制图形项的拖拽行为。
   • dragMode() const：返回当前的拖拽模式。
   • setInteractive(bool enabled)：启用或禁用交互操作，默认为启用。
   • setRubberBandSelectionMode(Qt::ItemSelectionMode mode)：设置矩形选取框的选择模式。
   • centerOn(const QPointF& pos)：将视图中心移动到指定的场景坐标pos。
   • fitInView(const QRectF& rect, Qt::AspectRatioMode aspectRatioMode = Qt::IgnoreAspectRatio)：将指定的矩形区域适应到视图中。

4. 坐标转换

   • mapToScene(const QPoint& point) const：将视图坐标点point转换为场景坐标。
   • mapFromScene(const QPointF& point) const：将场景坐标点point转换为视图坐标。
   • mapToItem(const QGraphicsItem* item, const QPointF& point) const：将物件坐标点point转换为另一个图形项item的物件坐标。
   • mapFromItem(const QGraphicsItem* item, const QPointF& point) const：将另一个图形项item的物件坐标点point转换为物件自身的物件坐标。

5. 视图控制

   • scale(qreal sx, qreal sy)：在当前缩放基础上，按比例扩大或缩小视图。
   • translate(qreal dx, qreal dy)：在当前的平移基础上，将视图平移dx个单位水平方向和dy个单位垂直方向。
   • rotate(qreal angle)：在当前的旋转基础上，将视图旋转angle度。
   • resetTransform()：重置视图的变换矩阵为单位矩阵，即恢复视图的原始状态。
   • setTransformationAnchor(QGraphicsView::ViewportAnchor anchor)：设置视图的变换锚点，用于控制变换的中心位置。
   • setViewportUpdateMode(ViewportUpdateMode mode)：设置视图更新模式，用于控制何时更新视图内容。

6. 其他

   • setViewport(QWidget* widget)：在视图中设置一个QWidget对象作为视窗。
   • viewport() const：返回当前视图的视窗对象。
   • setOptimizationFlag(QGraphicsView::OptimizationFlag flag, bool enabled = true)：启用或禁用指定的优化标志，用于提高性能。
   • optimizationFlag(QGraphicsView::OptimizationFlag flag) const：返回指定优化标志的状态。

这些接口提供了控制和定制QGraphicsView的各个方面的方法，包括场景、视图行为、坐标转换、视图控制和其他选项。开发人员可以利用这些接口来创建自定义的交互式图形应用程序，并根据需要对视图进行操作和显示。

QGraphicsScene介绍

QGraphicsScene类是Qt图形框架中的一个重要类，用于创建和管理2D图形场景。它作为一个可视化的容器，可以包含和管理多个图形项（QGraphicsItem），并提供了一些方法和功能来处理场景的布局、渲染和交互。

QGraphicsScene类的主要作用如下：

1. 提供一个场景容器： QGraphicsScene提供了一个场景容器，用于存储和管理多个图形项。开发人员可以通过添加和移除图形项的方式来编辑场景。场景可以看作是一个虚拟的二维空间，图形项可以在其中自由布局，并可以根据需要进行组合和分组。

2. 实现图形的显示和渲染： QGraphicsScene负责将场景中的图形项渲染到视图中。它根据图形项的位置、形状和外观信息，将它们绘制到场景内部的画布上，并通过视图将画布内容显示到屏幕上。开发人员可以通过设置图形项的属性和调用相关方法，来控制图形的显示效果。

3. 处理交互操作和事件： QGraphicsScene负责处理和转发与场景相关的用户交互操作和事件。例如，鼠标点击、拖拽、键盘操作等事件可以通过场景进行捕获和处理。开发人员可以重写场景的事件处理方法，以实现自定义的交互行为和响应逻辑。

4. 提供坐标转换和定位功能： QGraphicsScene支持坐标转换和定位功能，使得开发人员可以在场景中方便地进行坐标的转换和定位。它提供了一些方法来将视图坐标与场景坐标进行相互转换，以及查找特定位置的图形项或特定图形项的位置信息。

5. 支持场景与视图的分离和多视图显示： QGraphicsScene与视图（QGraphicsView）是分离的，同一个场景可以关联到多个视图上进行显示。这种设计模式使得开发人员可以实现多视图的布局和显示效果，而无需重复创建和管理场景。通过设置不同的视图参数和布局方式，可以在不同的窗口或部件中显示同一个场景。

总之，QGraphicsScene类为开发者提供了一个灵活且强大的图形场景管理器，可用于创建各种2D图形应用程序。它将图形项组织到一个可视化的场景中，并提供了多种功能和方法，以实现图形的布局、显示、交互和事件处理。通过场景与视图的关联，可以实现多视图显示和交互操作，为用户带来更好的图形体验。

QGraphicsScene接口

QGraphicsScene类是Qt图形框架中的一个重要类，用于创建和管理2D图形场景。以下是QGraphicsScene类的一些常见接口：

1. 构造函数：

   • QGraphicsScene()：默认构造函数，创建一个空的场景。
   • QGraphicsScene(const QRectF &sceneRect)：使用指定的矩形范围作为场景的初始化边界框。

2. 添加和移除图形项：

   • addItem(QGraphicsItem *item)：将指定的图形项添加到场景中。
   • addRect(const QRectF &rect, const QPen &pen = QPen(), const QBrush &brush = QBrush())：添加一个矩形图形项到场景中。
   • removeItem(QGraphicsItem *item)：从场景中移除指定的图形项。

3. 场景参数和属性：

   • setSceneRect(const QRectF &rect)：设置场景的边界框。
   • setBackgroundBrush(const QBrush &brush)：设置场景的背景画刷。
   • setItemIndexMethod(QGraphicsScene::ItemIndexMethod method)：设置图形项的索引方法。

4. 图形项遍历和查询：

   • items()：返回场景中所有的图形项。
   • items(const QRectF &rect, Qt::ItemSelectionMode mode = Qt::IntersectsItemShape)：返回与指定矩形相交的图形项。
   • itemAt(const QPointF &pos)：返回指定位置处的图形项。

5. 绘制和渲染：

   • render(QPainter *painter, const QRectF &target = QRectF(), const QRectF &source = QRectF(), Qt::AspectRatioMode aspectRatioMode = Qt::KeepAspectRatio)：将场景渲染到指定的绘图设备上。
   • renderToImage()：将场景渲染为QImage对象。

6. 事件和交互操作：

   • mousePressEvent(QGraphicsSceneMouseEvent *event)：处理鼠标按下事件。
   • mouseMoveEvent(QGraphicsSceneMouseEvent *event)：处理鼠标移动事件。
   • keyPressEvent(QKeyEvent *event)：处理键盘按下事件。

7. 场景信号：

   • changed(const QList ®ion)：当场景的内容发生变化时发出信号。

8. 坐标转换和定位：

   • sceneRect()：返回场景的边界框。
   • views()：返回与场景关联的所有视图。

以上仅列举了QGraphicsScene类的一部分接口，还有其他更多用于布局、编辑、选择和控制图形项的接口。开发人员可以根据具体需求使用这些接口来创建自定义的图形场景，并实现各种图形应用程序的功能。

QGraphicsItem介绍

QGraphicsItem类是Qt图形框架中的一个基类，用于在QGraphicsScene中表示可视化的2D图形项。它是所有可在场景中显示和交互的图形项的基础类。QGraphicsItem类的作用如下：

1. 提供基本的图形项功能： QGraphicsItem提供了一些基本的功能，例如图形项的位置、旋转、缩放、边界框计算等操作。可以使用这些功能对图形项进行定位、变换以及与其他图形项的关系计算。

2. 实现图形项的绘制和渲染： QGraphicsItem负责将自身的图形形状以及其他可视化属性绘制到场景中。通过重写QGraphicsItem的paint()方法，可以自定义图形项的绘制方式，包括填充颜色、边框样式、渐变效果等。

3. 处理图形项的事件和交互操作： QGraphicsItem负责处理与图形项相关的事件和交互操作。例如，鼠标点击、移动、键盘事件等都可以通过重写QGraphicsItem的event()方法来实现相应的响应行为。可以根据需要捕捉和处理各种用户交互操作以及自定义的事件。

4. 支持图形项的布局和变换： QGraphicsItem提供了一些方法和属性用于支持图形项的布局和变换。可以通过设置图形项的位置、旋转角度、缩放因子等来实现布局和变换效果。还可以设置图形项的锚点、对齐方式以及Z轴顺序等属性，以影响图形项在场景中的显示顺序和位置。

5. 实现图形项的选择和编辑： QGraphicsItem支持图形项的选择和编辑功能。可以通过设置图形项的选择模式和编辑标志，来控制图形项是否可选中、可编辑。此外，还可以通过重写相关方法来实现自定义的选择和编辑行为。

6. 提供图形项之间的父子关系： QGraphicsItem允许将图形项进行组合并形成父子关系。通过设置图形项的父对象，可以将多个图形项组织成一个复杂的图形结构。这种层级关系可以用于实现分组、布局和层次管理等功能。

总之，QGraphicsItem类是Qt图形框架中的基础类，提供了实现在QGraphicsScene中可视化的2D图形项所需的基本功能。它包括图形项的绘制、事件处理、交互操作、布局和变换等功能，为开发人员提供了强大的工具来创建各种图形应用程序。

QGraphicsItem子类介绍

QGraphicsItem类的子类有很多，下面列举一些常用的：

1. QGraphicsPixmapItem 用于在场景中显示像素图(QPixmap)。

2. QGraphicsTextItem 用于在场景中显示文本(QTextDocument)，支持多种字体、颜色和对齐方式等。

3. QGraphicsLineItem 用于在场景中显示线条。

4. QGraphicsRectItem 用于在场景中显示矩形。

5. QGraphicsEllipseItem 用于在场景中显示椭圆。

6. QGraphicsPathItem 用于在场景中显示任意形状的路径(QPainterPath)，支持填充、轮廓和渐变等效果。

7. QGraphicsPolygonItem 用于在场景中显示多边形(Polygon)。

8. QGraphicsSimpleTextItem 和QGraphicsTextItem类似，但只支持单行文本。

9. QGraphicsWidget 基于QWidget实现的图形项，可以将QWidget作为子控件添加到场景中，并支持鼠标、键盘事件等交互操作。

10. QGraphicsProxyWidget 类似于QGraphicsWidget，但是使用QGraphicsObject作为父类。

总之，QGraphicsItem的子类可以用于在场景中显示各种不同的2D图形项，例如图片、文本、线条、矩形、椭圆、多边形等，还可以自定义各种图形项。这些子类都继承了QGraphicsItem类的基本功能，如位置、变换、事件处理等，并且各自提供不同的可视化效果和交互特性，为开发人员提供了更多的工具来创建各种2D图形应用程序。

QGraphicsItem接口

QGraphicsItem类是Qt图形框架中的基类，提供了许多接口（方法和属性）来管理和操作可视化的2D图形项。下面介绍一些常用的接口：

1. 位置和变换相关接口：

   • setPos(x, y)：设置图形项在场景中的位置。
   • pos()：获取图形项在场景中的位置。
   • setTransform(transform)：设置图形项的变换矩阵，包括旋转、缩放和平移等变换。
   • transform()：获取图形项的变换矩阵。

2. 绘制和渲染相关接口：

   • paint(painter, option, widget)：在给定的painter上绘制图形项的内容，可以自定义绘制逻辑。
   • boundingRect()：获取图形项的边界框，用于优化绘制和碰撞检测。
   • shape()：获取图形项的形状，用于做精确的碰撞检测。

3. 事件处理和交互相关接口：

   • sceneEvent(event)：处理与图形项相关的事件，如鼠标点击、移动、键盘事件等。
   • mousePressEvent(event)：处理鼠标按下事件。
   • mouseMoveEvent(event)：处理鼠标移动事件。
   • mouseReleaseEvent(event)：处理鼠标释放事件。
   • keyPressEvent(event)：处理键盘按键事件。
   • hoverEnterEvent(event)：处理光标进入图形项事件。
   • hoverLeaveEvent(event)：处理光标离开图形项事件。

4. 选择和编辑相关接口：

   • setFlag(flag, enabled)：设置图形项的标志，用于控制选择和编辑行为。
   • isSelected()：检查图形项是否被选中。
   • setZValue(z)：设置图形项的Z轴顺序，用于控制绘制顺序和层叠关系。

5. 父子关系相关接口：

   • setParentItem(parent)：设置图形项的父对象，用于创建图形项之间的层级关系。
   • parentItem()：获取图形项的父对象。
   • childItems()：获取图形项的所有子对象。

6. 属性和数据相关接口：

   • setData(key, value)：在图形项中存储自定义的键值对数据。
   • data(key)：获取指定键的数据值。

这些接口只是QGraphicsItem类提供的部分常用接口，还有其他许多接口可以用于更精确地控制图形项的外观、行为和交互。开发人员可以根据具体需求使用这些接口来创建和管理不同类型的图形项，并实现丰富的2D图形应用程序。

代码演示

该示例基于Qt的图形视图框架实现了两列矩形框的显示，开启修改功能后，可先点击第一列的矩形框再点击第二列的矩形框，会将两个矩形框连接起来，点击取消，则删除所有的连接线。

#ifndef MAINWINDOW_H
#define MAINWINDOW_H

#include 
#include 
#include 
#include 
#include 

namespace Ui {
class MainWindow;
}

class MainWindow : public QMainWindow
{
    Q_OBJECT

public:
    explicit MainWindow(QWidget *parent = 0);
    ~MainWindow();

private slots:
    void on_btnChange_clicked();
    void on_focusItemChanged(QGraphicsItem *newFocusItem, QGraphicsItem *oldFocusItem, Qt::FocusReason reason);

private:
    Ui::MainWindow *ui;
    const int rowKey = 1;
    const int colKey = 2;

    int itemWidth = 100;
    int itemHeight = 50;

    QGraphicsScene *scene = nullptr;
    void init();
    int rowNum = 8;
    int colNum = 2;

    bool isDrawing = false;

};

#endif // MAINWINDOW_H

#include "mainwindow.h"
#include "ui_mainwindow.h"
#include 

MainWindow::MainWindow(QWidget *parent) :
    QMainWindow(parent),
    ui(new Ui::MainWindow)
{
    ui->setupUi(this);
    setFixedSize(1200,1000);
    init();
}

MainWindow::~MainWindow()
{
    delete ui;
}

void MainWindow::init()
{
    scene = new QGraphicsScene;
    for(int col=0;colsetFlags(QGraphicsItem::ItemIsSelectable
                           | QGraphicsItem::ItemIsFocusable);
            item->setBrush(QBrush(Qt::yellow));
            item->setPos(x,row*(itemHeight+20));

            item->setData(rowKey,row+1);
            item->setData(colKey,col+1);
            scene->addItem(item);

            // 创建文字项
            QString text = QString("col%1,row%2").arg(col+1).arg(row+1);
            QGraphicsTextItem* textItem = new QGraphicsTextItem(text);
            textItem->setPos(item->sceneBoundingRect().center() - textItem->sceneBoundingRect().center());
            scene->addItem(textItem);

            scene->clearSelection();
        }
    }
    connect(scene,&QGraphicsScene::focusItemChanged,this,&MainWindow::on_focusItemChanged);

    ui->graphicsView->setScene(scene);
}

void MainWindow::on_btnChange_clicked()
{
    QString text = ui->btnChange->text();
    if(text=="修改")
    {
        ui->btnChange->setText("取消");
        ui->btnSet->setEnabled(true);
        isDrawing = true;
    }
    else if(text=="取消")
    {
        ui->btnChange->setText("修改");
        ui->btnSet->setEnabled(false);
        isDrawing = false;

        // 获取场景中的所有图形项
        QList items = scene->items();
        // 遍历图形项列表，筛选出 QGraphicsLineItem
        foreach (QGraphicsItem* item, items) {
            if (item->type() == QGraphicsLineItem::Type
                    || item->type() == QGraphicsPolygonItem::Type) {
                //QGraphicsLineItem* line = qgraphicsitem_cast(item);
                // 执行操作或获取所需的 QGraphicsLineItem
                // ...
                scene->removeItem(item);
            }
        }
    }
}

void MainWindow::on_focusItemChanged(QGraphicsItem *newFocusItem, QGraphicsItem *oldFocusItem, Qt::FocusReason reason)
{
    if(reason != Qt::FocusReason::MouseFocusReason)
    {
        return;
    }

    if(newFocusItem==nullptr || oldFocusItem==nullptr)
    {
        return;
    }

    if(oldFocusItem->data(colKey)!=1 || newFocusItem->data(colKey)!=2)
    {
        return;
    }

    if(!isDrawing)
    {
        return;
    }


    QGraphicsLineItem   *item=new QGraphicsLineItem(-100,0,100,0);//x,y 为左上角的图元局部坐标，图元中心点为0,0
    item->setFlags(QGraphicsItem::ItemIsSelectable
                   | QGraphicsItem::ItemIsFocusable);

    QPen    pen(Qt::green);
    pen.setWidth(3);
    item->setPen(pen);

    QPointF startPoint = QPointF(oldFocusItem->sceneBoundingRect().right(),oldFocusItem->sceneBoundingRect().center().y());
    QPointF endPoint = QPointF(newFocusItem->sceneBoundingRect().left(),newFocusItem->sceneBoundingRect().center().y());

    item->setLine(QLineF(startPoint,
                         endPoint));

    scene->addItem(item);

    // 计算箭头的位置和方向
    QPointF direction = endPoint - startPoint;
    direction = direction / qSqrt(direction.x() * direction.x() + direction.y() * direction.y());  // 单位向量
    QPointF arrowP1 = endPoint - direction * 10 + QPointF(direction.y(), -direction.x()) * 5;
    QPointF arrowP2 = endPoint - direction * 10 + QPointF(-direction.y(), direction.x()) * 5;

    // 创建箭头形状
    QPolygonF arrowHead;
    arrowHead << endPoint << arrowP1 << arrowP2;
    QGraphicsPolygonItem* arrowItem = new QGraphicsPolygonItem(arrowHead);
    arrowItem->setBrush(Qt::green);
    scene->addItem(arrowItem);


    scene->clearSelection();
    item->setSelected(true);
}

完整工程下载：https://download.csdn.net/download/zw_ggr_2017/88280186