- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
我有一个 class Edge : public QGraphicsItem
,它实现了从一个节点到另一个节点的绘制箭头(下图)。
现在我需要添加在自己身上画箭头的功能 (arc)。
我无法绘制弧线,覆盖 boundingRect()
和 shape()
。
下面的代码我画了一个箭头或圆弧。完整项目在这里 -> github .
Edge::Edge(Node *sourceNode, Node *destNode)
: id(_idStatic++), arrowSize(15)
{
setFlag(QGraphicsItem::ItemIsSelectable);
source = sourceNode;
dest = destNode;
source->addEdge(this);
if(source != dest)
dest->addEdge(this);
adjust();
}
QPolygonF Edge::nPolygonMath() const {
QPolygonF nPolygon;
if (source != dest) {
QLineF line = QLineF(sourcePoint.x(), sourcePoint.y(), destPoint.x(), destPoint.y());
qreal radAngle = line.angle() * M_PI / 180;
qreal selectionOffset = 3;
qreal dx = selectionOffset * sin(radAngle);
qreal dy = selectionOffset * cos(radAngle);
QPointF offset1 = QPointF(dx, dy);
QPointF offset2 = QPointF(-dx, -dy);
nPolygon << line.p1() + offset1
<< line.p1() + offset2
<< line.p2() + offset2
<< line.p2() + offset1;
} else {
nPolygon << mapFromItem(source, -Node::Radius, -Node::Radius)
<< mapFromItem(source, Node::Radius, -Node::Radius)
<< mapFromItem(source, Node::Radius, Node::Radius)
<< mapFromItem(source, -Node::Radius, Node::Radius);
}
return nPolygon;
}
QRectF Edge::boundingRect() const
{
if (!source || !dest)
return QRectF();
return nPolygonMath().boundingRect();
}
QPainterPath Edge::shape() const{
QPainterPath ret;
ret.addPolygon(nPolygonMath());
return ret;
}
void Edge::paint(QPainter *painter, const QStyleOptionGraphicsItem *option, QWidget *)
{
if (!source || !dest)
return;
painter->setPen(QPen((option->state & QStyle::State_Selected ? Qt::cyan: Qt::black), 2, Qt::SolidLine, Qt::RoundCap, Qt::RoundJoin));
if (source != dest) {
QLineF line(sourcePoint, destPoint);
if (qFuzzyCompare(line.length(), qreal(0.)))
return;
// Draw the line itself
painter->drawLine(line);
// Draw the arrows
double angle = std::atan2(-line.dy(), line.dx());
QPointF destArrowP1 = destPoint + QPointF(sin(angle - M_PI / 1.8) * qMin(arrowSize, line.length()),
cos(angle - M_PI / 1.8) * qMin(arrowSize, line.length()));
QPointF destArrowP2 = destPoint + QPointF(sin(angle - M_PI + M_PI / 1.8) * qMin(arrowSize, line.length()),
cos(angle - M_PI + M_PI / 1.8) * qMin(arrowSize, line.length()));
painter->setBrush((option->state & QStyle::State_Selected ? Qt::cyan: Qt::black));
painter->drawPolygon(QPolygonF() << line.p2() << destArrowP1 << destArrowP2);
} else {
painter->drawArc(mapFromItem(source, Node::Radius, 0).x(),
mapFromItem(source, Node::Radius, 0).y(),
2 * Node::Radius, 2 * Node::Radius, 16 * -90, 16 * 180);
}
}
最佳答案
作为 boundingRect()
所需的矩形必须具有作为 bottomLeft 的圆心,我还消除了 nPolygonMath
并使用 shape 返回一个 QPainterPath
,它用在 boundingRect()
中:
edge.h
#ifndef EDGE_H
#define EDGE_H
#include <QGraphicsItem>
class Node;
class Edge : public QGraphicsItem
{
public:
Edge(Node *sourceNode, Node *destNode);
virtual ~Edge();
const uint id;
Node *sourceNode() const;
Node *destNode() const;
void adjust();
enum { Type = UserType + 2 };
int type() const override { return Type; }
protected:
QRectF boundingRect() const override;
QPainterPath shape() const override;
void paint(QPainter *painter, const QStyleOptionGraphicsItem *option, QWidget *widget) override;
private:
Node *source, *dest;
QPointF sourcePoint;
QPointF destPoint;
qreal arrowSize;
static uint _idStatic;
};
#endif // EDGE_H
edge.cpp
#include "edge.h"
#include "node.h"
#include <qmath.h>
#include <QPainter>
#include <QStyleOption>
uint Edge::_idStatic = 0;
Edge::Edge(Node *sourceNode, Node *destNode)
: id(_idStatic++), arrowSize(15)
{
setFlag(QGraphicsItem::ItemIsSelectable);
source = sourceNode;
dest = destNode;
source->addEdge(this);
if(source != dest)
dest->addEdge(this);
adjust();
}
Edge::~Edge()
{
source->removeEdge(this);
if (source != dest)
dest->removeEdge(this);
}
Node *Edge::sourceNode() const
{
return source;
}
Node *Edge::destNode() const
{
return dest;
}
void Edge::adjust()
{
if (!source || !dest)
return;
if(source != dest) {
QLineF line(mapFromItem(source, 0, 0), mapFromItem(dest, 0, 0));
qreal length = line.length();
prepareGeometryChange();
if (length > qreal(2 * Node::Radius)) {
QPointF edgeOffset((line.dx() * Node::Radius) / length, (line.dy() * Node::Radius) / length);
sourcePoint = line.p1() + edgeOffset;
destPoint = line.p2() - edgeOffset;
} else {
sourcePoint = destPoint = line.p1();
}
} else {
sourcePoint = mapFromItem(source, 0, Node::Radius);
destPoint = mapFromItem(source, Node::Radius, 0);
prepareGeometryChange();
}
}
QPainterPath Edge::shape() const {
QPainterPath path;
if (source != dest) {
QLineF line = QLineF(sourcePoint.x(), sourcePoint.y(), destPoint.x(), destPoint.y());
qreal radAngle = line.angle() * M_PI / 180;
qreal selectionOffset = 3;
qreal dx = selectionOffset * sin(radAngle);
qreal dy = selectionOffset * cos(radAngle);
QPointF offset1 = QPointF(dx, dy);
QPointF offset2 = QPointF(-dx, -dy);
path.moveTo(line.p1() + offset1);
path.lineTo(line.p1() + offset2);
path.lineTo( line.p2() + offset2);
path.lineTo( line.p2() + offset1);
} else {
QRectF r= mapRectFromItem(source, source->boundingRect());
r.moveCenter(r.topRight());
path.addRect(r);
}
return path;
}
QRectF Edge::boundingRect() const
{
if (!source || !dest)
return QRectF();
return shape().boundingRect();
}
void Edge::paint(QPainter *painter, const QStyleOptionGraphicsItem *option, QWidget *)
{
if (!source || !dest)
return;
double angle;
QPointF peak, destArrowP1, destArrowP2;
painter->setPen(QPen((option->state & QStyle::State_Selected ? Qt::cyan: Qt::black), 2, Qt::SolidLine, Qt::RoundCap, Qt::RoundJoin));
if (source != dest) {
QLineF line(sourcePoint, destPoint);
if (qFuzzyCompare(line.length(), qreal(0.)))
return;
// Draw the line itself
painter->drawLine(line);
// Draw the arrows
angle = std::atan2(-line.dy(), line.dx());
peak = line.p2();
destArrowP1 = destPoint + QPointF(sin(angle - M_PI / 1.8) * qMin(arrowSize, line.length()),
cos(angle - M_PI / 1.8) * qMin(arrowSize, line.length()));
destArrowP2 = destPoint + QPointF(sin(angle - M_PI + M_PI / 1.8) * qMin(arrowSize, line.length()),
cos(angle - M_PI + M_PI / 1.8) * qMin(arrowSize, line.length()));
} else {
painter->drawArc(boundingRect().toRect(), 16 * -90, 16 * 270);
angle = 1.06*M_PI;
destArrowP1 = destPoint + QPointF(sin(angle - M_PI / 1.8) * arrowSize,
cos(angle - M_PI / 1.8) * arrowSize);
destArrowP2 = destPoint + QPointF(sin(angle - M_PI + M_PI / 1.8)* arrowSize,
cos(angle - M_PI + M_PI / 1.8) * arrowSize);
painter->setBrush((option->state & QStyle::State_Selected ? Qt::cyan: Qt::black));
peak = QPointF(boundingRect().center().x(), boundingRect().bottom());
}
painter->setBrush((option->state & QStyle::State_Selected ? Qt::cyan: Qt::black));
painter->drawPolygon(QPolygonF() << peak << destArrowP1 << destArrowP2);
}
完整的例子可以在下面的link中找到.
关于c++ - 绘制圆弧并覆盖 boundingRect(), shape(),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/50259197/
您好,我很确定我的问题很愚蠢,但我无法弄清楚它对我的生活有何影响。我有这个家庭作业,它基本上是为了加强我们在类里面学到的关于多态性的知识(顺便说一下,这是 C++)。该程序的基础是一个名为 shape
我是新手,所以需要任何帮助,当我要求一个例子时,我的教授给我了这段代码,我希望有一个工作模型...... from numpy import loadtxt import numpy as np fr
CSS 形状边距 和 外型不适用于我的系统。我正在使用最新版本的 Chrome。我唯一能想到的是我的操作系统是 Windows 7。这应该是一个问题吗? 这是JSFiddle .但是,由于在您的系统上
#tf.shape(tensor)和tensor.shape()的区别 ?
我要求提示以下问题。如何从事件表添加到指定的单元格形状?当我知道名称但不知道如何为...中的每个形状实现论坛时,我可以添加形状 目前我有这样的事情: Sub loop() Dim a As Integ
我在 Excel 中有一个流程设计(使用形状、连接器等)。 我需要的是有一个矩阵,每个形状都有所有的前辈和所有的后继者。 在 VBA 中,为此我正在尝试执行以下操作: - 我列出了所有的连接器(Sha
我正在使用 JavaFX 编写一个教育应用程序,用户可以在其中绘制和操作贝塞尔曲线 Line、QuadCurve 和 CubicCurve。这些曲线应该能够用鼠标拖动。我有两种选择: 1- 使用类 L
我正在尝试绘制 pandas 系列中列的直方图 ('df_plot')。因为我希望 y 轴是百分比(而不是计数),所以我使用权重选项来实现这一点。正如您在下面的堆栈跟踪中发现的那样,权重数组和数据系列
我尝试在 opencv dnn 中实现一个 tensorflow 模型。这是我遇到的错误: OpenCV: Can't create layer "flatten_1/Shape" of type "
我目前正在用 Java 开发一款游戏,我一直在尝试弄清楚如何在 Canvas 上绘制一个形状(例如圆形),在不同的形状(例如正方形)之上,但是只绘制与正方形相交的圆的部分,类似于 Photoshop
import cv2 import numpy as np import sys import time import os cap = cv2.VideoCa
我已经成功创建了 Keras 序列模型并对其进行了一段时间的训练。现在我试图做出一些预测,但即使使用与训练阶段相同的数据,它也会失败。 我收到此错误:{ValueError}检查输入时出错:预期 em
我正在尝试逐行分解程序。 Y 是一个数据矩阵,但我找不到任何关于 .shape[0] 究竟做了什么的具体数据。 for i in range(Y.shape[0]): if Y[i] == -
我正在尝试运行代码,但它给了我这个错误: 行,列,_ = frame.shape AttributeError:“tuple”对象没有属性“shape” 我正在使用OpenCV和python 3.6,
我想在 JavaFx 中的 Pane 上显示形状。我正在使用从空间数据库中选择的 Oracle JGeometry 对象,它有一个方法 createShape() 但它返回 java.awt.Shap
在此代码中: import pandas as pd myj='{"columns":["tablename","alias_tablename","real_tablename","
我正在尝试将 API 结果应用于两列。 下面是我的虚拟数据框。不幸的是,这不是很容易重现,因为我使用的是带有 key 和密码的 API...这只是为了让您了解尺寸。 但我希望也许有人能发现一个明显的问
我的代码是: final String json = getObjectMapper().writeValueAsString(JsonView.with(graph) .onClas
a=np.arange(240).reshape(3,4,20) b=np.arange(12).reshape(3,4) c=np.zeros((3,4),dtype=int) x=np.arang
我正在尝试从张量中提取某些数据,但出现了奇怪的错误。在这里,我将尝试生成错误: a=np.random.randn(5, 10, 5, 5) a[:, [1, 6], np.triu_indices(
我是一名优秀的程序员,十分优秀!