QT在控件graphicsView中绘制箭头

这里写自定义目录标题

前言:

对之前箭头没有成功绘制的补充,因为没有直接的箭头项,所以需要自己进行绘制

基础夯实:

可以直接看,建议看一下之前的绘制过程
在控件graphicsView中实现绘图功能(一)
在控件graphicsView中实现绘图功能(二)
在控件graphicsView中实现绘图功能(三)

成功效果展示:

失败效果展示:

核心代码:

cpp 复制代码
#include "CustomGraphicsView.h"
#include <QGraphicsRectItem>
#include <QGraphicsScene>
#include <QMouseEvent>
#include <cmath>
#include <QPolygonF>

CustomGraphicsView::CustomGraphicsView(QWidget *parent)
    : QGraphicsView(parent), isDrawing(false), arrowPolygonItem(nullptr),arrowLineItem(nullptr)
{
    const double arrowSize = 10.0;
}

void CustomGraphicsView::setDrawMode(DrawMode mode)
{
    currentDrawMode = mode;
}

void CustomGraphicsView::mousePressEvent(QMouseEvent *event)
{
    if (event->button() == Qt::LeftButton) {
        isDrawing = true;
        startPoint = mapToScene(event->pos());
        endPoint = startPoint; // Initialize endPoint to startPoint

        switch (currentDrawMode) {
        case ArrowsMode:
            arrowPolygonItem = nullptr;
            arrowLineItem = nullptr; // 重置箭头直线项
            break;
        default:
            break;
        }
        emit mouseClicked(event->pos());
    }

    QGraphicsView::mousePressEvent(event);
}

void CustomGraphicsView::mouseMoveEvent(QMouseEvent *event)
{
    if (isDrawing) {
        endPoint = mapToScene(event->pos());

        switch (currentDrawMode) {
        case ArrowsMode: {
            // 绘制直线
            if (!arrowLineItem) {
                arrowLineItem = scene()->addLine(QLineF(startPoint, endPoint), QPen(Qt::green));
            } else {
                arrowLineItem->setLine(QLineF(startPoint, endPoint));
            }

            // 绘制箭头头部
            if (!arrowPolygonItem) {
                // 计算从起点到终点的角度
                double angle = std::atan2(endPoint.y() - startPoint.y(), endPoint.x() - startPoint.x());

                // 调整角度,确保箭头是锐角(15度)
                double arrowAngle = M_PI - 15.0 / 180.0 * M_PI; // 15度角

                // 计算箭头的三个顶点
                QPointF arrowP1 = QPointF(endPoint.x() + 10.0 * std::cos(angle + arrowAngle), endPoint.y() + 10.0 * std::sin(angle + arrowAngle));
                QPointF arrowP2 = endPoint;
                QPointF arrowP3 = QPointF(endPoint.x() + 10.0 * std::cos(angle - arrowAngle), endPoint.y() + 10.0 * std::sin(angle - arrowAngle));

                QPolygonF arrowHeadPolygon;
                arrowHeadPolygon << arrowP1 << arrowP2 << arrowP3;
                arrowPolygonItem = scene()->addPolygon(arrowHeadPolygon, QPen(Qt::green), QBrush(Qt::green));
            } else {
                double angle = std::atan2(endPoint.y() - startPoint.y(), endPoint.x() - startPoint.x());
                double arrowAngle = M_PI - 15.0 / 180.0 * M_PI; // 15度角

                QPointF arrowP1 = QPointF(endPoint.x() + 10.0 * std::cos(angle + arrowAngle), endPoint.y() + 10.0 * std::sin(angle + arrowAngle));
                QPointF arrowP2 = endPoint;
                QPointF arrowP3 = QPointF(endPoint.x() + 10.0 * std::cos(angle - arrowAngle), endPoint.y() + 10.0 * std::sin(angle - arrowAngle));
                QPolygonF arrowHeadPolygon;
                arrowHeadPolygon << arrowP1 << arrowP2 << arrowP3;
                arrowPolygonItem->setPolygon(arrowHeadPolygon);
            }
            break;
        }
        default:
            break;
        }
    }
    emit mouseMoved(event->pos());
}

void CustomGraphicsView::mouseReleaseEvent(QMouseEvent *event)
{
    if (event->button() == Qt::LeftButton && isDrawing) {
        isDrawing = false;
    }

    emit mouseReleased(event->pos());

    QGraphicsView::mouseReleaseEvent(event);
}
相关推荐
想摆烂的不会研究的研究生9 小时前
每日八股——Redis(1)
数据库·经验分享·redis·后端·缓存
码熔burning9 小时前
MySQL 8.0 新特性爆笑盘点:从青铜到王者的骚操作都在这儿了!(万字详解,建议收藏)
数据库·mysql
故事不长丨10 小时前
C#正则表达式完全攻略:从基础到实战的全场景应用指南
开发语言·正则表达式·c#·regex
猫头虎10 小时前
2025最新OpenEuler系统安装MySQL的详细教程
linux·服务器·数据库·sql·mysql·macos·openeuler
哈库纳玛塔塔10 小时前
放弃 MyBatis,拥抱新一代 Java 数据访问库
java·开发语言·数据库·mybatis·orm·dbvisitor
phltxy11 小时前
从零入门JavaScript:基础语法全解析
开发语言·javascript
天“码”行空11 小时前
java面向对象的三大特性之一多态
java·开发语言·jvm
@LetsTGBot搜索引擎机器人11 小时前
2025 Telegram 最新免费社工库机器人(LetsTG可[特殊字符])搭建指南(含 Python 脚本)
数据库·搜索引擎·机器人·开源·全文检索·facebook·twitter
计算机毕设VX:Fegn089512 小时前
计算机毕业设计|基于springboot + vue动物园管理系统(源码+数据库+文档)
数据库·vue.js·spring boot·后端·课程设计
冉冰学姐12 小时前
SSM校园排球联赛管理系统y513u(程序+源码+数据库+调试部署+开发环境)带论文文档1万字以上,文末可获取,系统界面在最后面
数据库·ssm 框架应用·开题报告、