Qt绘制带箭头的直线

DevProPlus

于 2023-09-17 23:29:10 发布

阅读量866

点赞数

CC 4.0 BY-SA版权

文章标签： qt 开发语言编程

本文链接：https://blog.youkuaiyun.com/DevProPlus/article/details/132958370

编程专栏收录该内容

441 篇文章 ¥29.90 ¥99.00

订阅专栏

本文介绍了在Qt环境下如何绘制带箭头的直线。通过创建自定义的QWidget派生类，并重写paintEvent函数，使用QPainter进行绘图操作，包括设置线条属性、计算坐标以及绘制箭头。代码示例展示了从起点到终点的直线以及箭头的绘制过程，可按需调整参数。

在使用Qt进行图形绘制时，有时我们需要在界面上绘制带有箭头的直线。本文将介绍如何使用Qt绘制带箭头的直线，并提供相应的源代码。

首先，我们需要创建一个继承自QWidget的自定义窗口部件（widget），用于显示我们绘制的直线。在该自定义窗口部件中，我们将重写paintEvent函数，并在该函数中进行直线的绘制。

下面是实现带箭头的直线的Qt代码示例：

#include <QtWidgets>

class LineWidget : public QWidget
{
   
   
public

了解本专栏

订阅专栏解锁全文

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

DevProPlus

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

专栏目录

订阅专栏

Qt 绘制直线箭头（附完整源码）

希望我的博客，能帮上你解决学习中工作中所遇到的问题

07-26

1026

Qt 绘制直线箭头（附完整源码）

Qt绘制直线箭头

Ricardo的博客

12-06

2693

学习简记

参与评论您还未登录，请先登录后发表或查看评论

Qt 绘制直线箭头

云胡

12-09

6651

// --------------------------------------------------------------------------------------------------------------------------------------- void CalcVertexes(double startX, double startY, double endX, double endY, double& x1, double& y1, double&

Qt 图片处理（一）实时绘制曲线、箭头、文本、矩形、圆形

qq_43793182的博客

09-23

3165

本系列文章主要记录我学习qt时t写的一些测试程序，偏向于qt图形绘制、图片处理等等。本文主要实现鼠标绘制曲线、箭头、圆形、矩形、文本内容等等，该功能可以集成到截图组件中，对图像进行二次处理。

Qt学习笔记#9：画一条带箭头的线

热门推荐

founderznd

05-09

3万+

QPainterPathQPainterPath其实是一个容器，他可以包含一个或者多个不同的绘画步骤，通过这些步骤组成较为复杂的图案，然后使用QPainter.drawPath()将这些图案一次性画出来。画一条带箭头的线带箭头的线，在很多地方都会用到，以致于一开始我认为Qt会提供这样一个类。。。没想到的是Qt不仅没有提供相关的类，自己实现的时候还颇为复杂。。其实我比较不理解。。为什么Qt不提供一个带

Qt画带箭头直线

weixin_28927079的博客

05-15

2836

QLineF line(lastPoint, endPoint); double angle = std::atan2(-line.dy(), line.dx()); qreal arrowSize = 10; QPointF arrowP1 = line.p2() - QPointF(sin(angle + M_PI / 3) * arrowSize, ...

arrow_qt画箭头_QT_箭头_

09-30

综上所述，使用Qt绘制箭头需要掌握QPainter的基本绘图函数、颜色和线型的设置、坐标系统的理解以及跨平台的兼容性设计。通过结合这些知识点，你可以创建出功能丰富的图形界面，无论是在Windows还是Linux环境下都能...

Qt绘制直线箭头全部代码

01-03

Qt绘制直线箭头全部代码

Qt绘制带箭头的线段

super_rat的专栏

08-06

1万+

float x1 = lastPoint.x(); //lastPoint 起点 float y1 = lastPoint.y(); float x2 = endPoint.x(); //endPoint 终点 float y2 = endPoint.y(); float l = 10.0; //箭头的那长度 flo

Qt 画带箭头的直线

mouze的博客

11-18

5027

#include <QPainter> #include <math.h> void DrawLineWithArrow(QPainter& painter, QPen pen, QPoint start, QPoint end) { painter.setRenderHint(QPainter::Antialiasing, true); qreal arrowSize = 20; painter.setPen(pen); painter.

QGraphicsItem封装的直线控件（添加箭头）

09-23

基于QtC++封装的直线控件，带方向，可编辑。

QT实现带箭头的Step 菜单

04-11

很多分类信息网站用step menu菜单来提示用户按步骤输入。如58同城的广告,这里在QT里用一个简单办法来实现这种效果

qt 带箭头的直线（类似viso）

世间所有的相遇都是久别重逢

10-15

1160

链接：https://pan.baidu.com/s/1_JQxign-_4oUBWCxbsvYEg 提取码：lzo4 https://www.cnblogs.com/warmlight/p/12358010.html

Qt的paint函数重写，以及QPaint给一条线绘制箭头

徐小小小hi的博客

05-25

5641

直接代码： QPainter *painter; static const double Pi = 3.14159265358979323846264338327950288419717; static double TwoPi = 2.0 * Pi; QLineF line(sourcePoint,destPoint); if (qFuzzyCompare(line

Qt绘制直箭头和平滑的曲线箭头

zhaominyong的专栏

12-09

3336

先看绘制效果：直线箭头曲线箭头：直线箭头 #pragma once #include <QVector> #include <QPointF> #include "DrawGeoBase.h" //当前标绘要素 - 直箭头 class DrawGeoStraightArrow :public DrawGeoBase { public: DrawGeoStraightArrow(); ~DrawGeoStraightArrow(); virtual vo...

QPainter画箭头

枫影竹韵的博客

12-24

5949

画箭头需要注意：计算箭头两个线的位置和长度与直线或弧线间的位置关系。 1.画直线箭头关键代码 const int length = 10;//箭头斜着的投影到线上的长度 QVector<QLineF> lines; lines.append(QLineF(20,height()/2,width()/2,height()/2)); li...

qt画旋转的带箭头的线段

迎风的舵手

12-09

8513

tesb::tesb(QWidget *parent) : QWidget(parent) { ui.setupUi(this); } void tesb::DrawCustomLine(QPainter& _painter, double _angle, double _len, const QString& _name, const QColor& _color) { // 初始化

Qt画箭头

TemetNosce的博客

09-12

4441

画箭头

Qt在任意旋转直线上绘制方向箭头

最新发布

08-09

在Qt中，当需要在`QGraphicsLineItem`旋转后绘制表示方向的箭头时，可以通过自定义`QGraphicsLineItem`的子类并重写其`paint()`方法来实现。由于`QGraphicsLineItem`本身仅提供绘制直线的功能，因此需要扩展其绘制逻辑以在末端添加箭头。在绘制箭头时，需要根据线段的起点和终点计算方向角度，并基于该角度确定箭头两侧的坐标点。具体实现中，可以使用`atan2()`函数计算线段的方向角，然后根据该角度偏移一定距离，得到箭头两侧的点，从而绘制出箭头头部。以下是一个示例实现，展示了如何在旋转后的`QGraphicsLineItem`上绘制方向箭头： ```cpp #include <QGraphicsLineItem> #include <QPainter> #include <cmath> class ArrowLineItem : public QGraphicsLineItem { public: ArrowLineItem(QLineF line, QGraphicsItem *parent = nullptr) : QGraphicsLineItem(line, parent) {} void paint(QPainter *painter, const QStyleOptionGraphicsItem *option, QWidget *widget = nullptr) override { // 调用父类绘制原始线段 QGraphicsLineItem::paint(painter, option, widget); QLineF line = this->line(); QPointF startPoint = line.p1(); QPointF endPoint = line.p2(); // 计算方向角度 double angle = std::atan2(endPoint.y() - startPoint.y(), endPoint.x() - startPoint.x()); // 计算箭头两侧的点 QPointF arrowHead1 = endPoint - QPointF(sin(angle + M_PI / 6) * 10, cos(angle + M_PI / 6) * 10); QPointF arrowHead2 = endPoint - QPointF(sin(angle - M_PI / 6) * 10, cos(angle - M_PI / 6) * 10); // 绘制箭头头部 painter->drawLine(endPoint, arrowHead1); painter->drawLine(endPoint, arrowHead2); } }; ``` 上述代码中，`ArrowLineItem`继承自`QGraphicsLineItem`，并在`paint()`方法中扩展了箭头的绘制逻辑。通过`atan2()`函数计算线段的方向角，然后根据该角度偏移出箭头两侧的点，并使用`drawLine()`方法绘制箭头头部。此方法确保即使线段旋转后，箭头的方向仍能正确对齐线段末端[^2]。此外，在实际应用中还可以根据需求进一步调整箭头的大小、颜色和样式，例如通过设置不同的画笔属性来实现更丰富的视觉效果。如果线段的起点和终点是动态变化的（例如连接两个可移动的图形项），则可以在`paint()`方法中动态获取最新的坐标点，并更新线段和箭头的位置[^3]。