在 QGraphicsView 上实现交互式样条曲线的最佳方法是什么？

Question

我正在开发允许用户上传岩石裂缝图像并对裂缝应用样条近似的应用程序。

为此，我有 QGraphicsView，它显示上传的图片。上传图像后，用户可以选择在 scene 上绘制点，我希望它与线保持一致。这些连接点会形成一条曲线，我希望它是交互式的。通过交互我的意思是我希望用户能够在不破坏曲线的情况下拖动点，制作连接点的线，随点移动。我还想让用户能够删除选定的点，以便相邻的点保持连接。这些并不是我想要的所有功能，但我想您明白了。

我所做的是创建了一个 class MeasurePoint 继承自 QGraphicsItem 并包含关于一个单独点的所有信息。它具有以下字段：

int xPos;
int yPos;
int index;
bool movable;
bool selected;

class 也有几种管理这些点的方法（getter 和 setter 字段的函数等）。但是我没有在 class 中实现连接功能，因为它只包含有关单个点的信息，而不包含更多信息。如果我只是将它们添加到场景中，我喜欢点的行为方式。但现在我需要按照我之前描述的方式连接它们，但我真的不知道该怎么做。

存储积分的最佳方式是什么？我究竟应该如何实现点之间的连接？任何可能的帮助表示赞赏。

P.s。如果这个问题需要我实现 class MeasurePoint，我会编辑它。

Answer 1

使用QGraphicsPathItem绘制样条曲线。然后，使用 QPainterPath::cubicTo 方法创建点之间的连接。

您需要计算控制点以在两点之间绘制平滑的贝塞尔曲线。

您可以找到一堆基于二次贝塞尔曲线的更好的库，但下面的一个快速示例使用 Qt 类型和一种简单的方法来理解如何获取控制点：

QPair<QPointF, QPointF> controlPoints(QPointF const& p0, QPointF const& p1, QPointF const& p2, qreal t=0.25)
{
    QPair<QPointF, QPointF> pair;
    qreal d01 = qSqrt( ( p1.x() - p0.x() ) * ( p1.x() - p0.x() ) + ( p1.y() - p0.y() ) * ( p1.y() - p0.y() ) );
    qreal d12 = qSqrt( ( p2.x() - p1.x() ) * ( p2.x() - p1.x() ) + ( p2.y() - p1.y() ) * ( p2.y() - p1.y() ) );

    qreal fa = t * d01 / ( d01 + d12 );
    qreal fb = t * d12 / ( d01 + d12 );

    qreal c1x = p1.x() - fa * ( p2.x() - p0.x() );
    qreal c1y = p1.y() - fa * ( p2.y() - p0.y() );
    qreal c2x = p1.x() + fb * ( p2.x() - p0.x() );
    qreal c2y = p1.y() + fb * ( p2.y() - p0.y() );

    pair.first = QPointF( c1x, c1y );
    pair.second = QPointF( c2x, c2y );

    return pair;
}

然后，浏览您的积分列表以创建 QPainterPath:

QPainterPath BackgroundBuilder::buildPath(QList<QPointF> const& points)
{
    QPainterPath pth;

    QPair<QPointF, QPointF> pair = controlPoints(points.at(0), points.at(1), points.at(2));
    QPointF p0 = pair.second;
    pth.moveTo(0, 0);
    pth.lineTo(p0);
    for (int i = 2; i != points.count() - 1; ++i)
    {
        QPair<QPointF, QPointF> pair = controlPoints( points.at(i - 1), points.at(i), points.at(i + 1));
        pth.cubicTo( p0, pair.first, points.at( i ) );
        p0 = pair.second;
    }
    return pth;
}

您可能需要将 MeasurePoint 转换为 QPointF 以保持此代码的通用性：

QList<QPointF> points;
QList<MeasurePoint*> measures = ...;
for (MeasurePoint* measure: measures)
{
    points << QPointF(measure.xPos, measure.yPos);
}

在 QGraphicsView 上实现交互式样条曲线的最佳方法是什么？

What's the best way to implement interactive spline-like curve on QGraphicsView?

c++

qt

spline

qgraphicsscene

qgraphicsitem