首页 > 其他分享 >QT在控件graphicsView中绘制箭头

QT在控件graphicsView中绘制箭头

时间:2024-08-29 13:21:31浏览次数:15  
标签:std 控件 endPoint angle QT graphicsView arrowAngle QPointF event

这里写自定义目录标题

前言:

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

基础夯实:

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

成功效果展示:

在这里插入图片描述

失败效果展示:

在这里插入图片描述

核心代码:

#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);
}

标签:std,控件,endPoint,angle,QT,graphicsView,arrowAngle,QPointF,event
From: https://blog.csdn.net/qq_54122113/article/details/141676277

相关文章

  • CMake构建学习笔记10-OsgQt库的构建
    笔者使用的OsgQt库是Github上openscenegraph仓库中托管的项目(地址),该库的功能是将Osg嵌入到Qt窗体中。不过该库的使用总是有点问题,具体的介绍笔者在之前的两篇博文中论述过:OSG嵌入QT的简明总结OSG嵌入QT的简明总结2因此,这里笔者还是将这个库分成了两个版本进行构建。构建topic/Q......
  • UIOTOS来开发界面,相比Qt、QML、VC、WPF、C#,有什么优劣势
    使用UIOTOS来开发界面,与Qt、QML、VC(VisualC++)、WPF、C#相比,具有其独特的优劣势。以下是对这些工具在开发界面方面的优劣势进行的详细分析:UIOTOS的优势低代码/无代码开发:UIOTOS作为一款前端零代码工具,显著降低了开发门槛。用户无需编写代码,只需通过拖拽、配置、连线等操作即......
  • 是否有一款低代码或零代码工具,能代替或减少VC、Qt、C#、WinForm、WPF等前端界面开发工
    确实存在低代码或零代码工具,能够代替或减少VC(VisualC++)、Qt、C#、WinForm、WPF等前端界面开发的工作量。这些工具通过提供图形用户界面(GUI)和可视化开发工具,使得开发者无需或仅需少量编写代码即可快速搭建出功能丰富的应用程序界面。低代码/零代码工具的优势降低开发门槛:这些工......
  • Qt 中资源文件的添加及使用
    目录Qt中资源文件的添加及使用1.1创建资源文件1.1.1在QtCreator中创建资源文件1.1.2编辑资源文件1.2起别名1.2.1在资源文件中设置别名1.2.2使用已经起别名的资源1.2.2.1加载图像1.2.2.2使用图标1.2.2.3播放音频编译和运行小提示Qt中资源文件的添......
  • Qt 事件传递流程-事件处理器|事件分发器|事件过滤器
    (总体传递流程图见文章末尾)自定义控件结构 自定义继承于QLabel的控件类 PropagateLabel.h 自定义窗口 PropagateWidget 在PropagateWidget中添加一个PropagateLabel标签1PropagateWidget::PropagateWidget(QWidget*parent):2QWidget(parent)3{4......
  • 解决方案 | QTTabBar工具栏命令按钮设置everything、filelocator在当前文件夹下面搜索
      备忘everything命令行参数参考-path(是everythin参数)表示在哪个位置(即哪个文件夹)下面搜索,这里%c%是qttabbar的参数,表示当前文件夹https://www.voidtools.com/zh-cn/support/everything/command_line_interface/     效果演示:  =====================f......
  • Qt/QML学习-Drawer
    QML学习Drawer例程视频讲解代码main.qmlimportQtQuick2.15importQtQuick.Window2.15importQtQuick.Controls2.15Window{width:640height:480visible:truetitle:qsTr("Drawer")Drawer{id:drawerwidth:pare......
  • 【C#】【WinForm】 按功能列出常见窗体控件
    Windows窗体提供执行多个功能的控件和组件。下表按常规功能列出了Windows窗体控件和组件。此外,如果存在多个提供相同功能的控件,则会列出推荐的控件,并附有关于它所取代的控件的说明。在单独的后续表中,列出了被取代的控件及其建议的替换项。按功能列出的推荐控件和组件......
  • 界面控件Telerik UI for ASP.NET Core 2024 Q2亮点 - AI与UI的融合
    TelerikUIforASP.NETCore是用于跨平台响应式Web和云开发的最完整的UI工具集,拥有超过60个由KendoUI支持的ASP.NET核心组件。它的响应式和自适应的HTML5网格,提供从过滤、排序数据到分页和分层数据分组等100多项高级功能。本文将介绍界面组件TelerikUIforASP.NETCore在今年......
  • 2024 windows系统下 Qt 加载 OCCT的方法
    一使用的版本OCCT使用了最新版,于2023.11.08发布的7.8.0。是用windowsvisualstudio编译后的软件包, 编号v143,就是VS2022所编译的。Download-OpenCASCADETechnologyhttps://dev.opencascade.org/release OCCT在qt运行时,所需的第三方依赖全部集中起来了,在github......