Question

如何沿特定的UiBezierPath移动球？这可能吗？

我尝试过所有事情，包括使用

进行点击测试

-(BOOL)containsPoint:(CGPoint)point onPath:(UIBezierPath*)path inFillArea:(BOOL)inFill

如何检测路径上的触摸？

Answer 1

首先......绝对的事实是：

肯定没有方法，由Apple提供，
从UIBezierPath中提取点。

截至2011年2月，在最新的操作系统中，这是绝对的事实，一切都在即将到来。我已经和Apple的相关工程师讨论了这个问题。它在很多游戏编程环境中都很烦人，但这就是事实。那么，它可能会回答你的问题吗？

其次：不要忘记它就像使用沿着 UIBezierPath动画一样容易。 SO上有很多答案，例如How can I animate the movement of a view or image along a curved path?

第三：关于找出触摸发生的地方，如果这就是你所要求的，正如科里所说，这是一个难题！但是你可以使用 CGContextPathContainsPoint 来确定点（或触摸） 是否在 给定厚度的路径。

在那之后，假设我们正在谈论立方体，你需要找到沿着bezier的点和可能的速度（a.k.a. tangents）。

以下是执行该操作的完整代码： Find the tangent of a point on a cubic bezier curve (on an iPhone)。我也把它贴在下面。

根据您的具体情况，您必须实施自己的MCsim或迭代才能找到它所在的位置。那不是那么难。

（第四 - 作为一个脚注，有一个新的东西，你可以逐步绘制一个bezpath，可能与你的问题无关，只是一个注释。）

为了方便将来阅读，以下是两个“方便”例程的链接问题的摘要......

最后，这里以最简单的方式计算等距点（事实上，近似等距）和沿着贝塞尔曲线的那些切线的两个例程：

CGFloat bezierPoint(CGFloat t, CGFloat a, CGFloat b, CGFloat c, CGFloat d)
    {
    CGFloat C1 = ( d - (3.0 * c) + (3.0 * b) - a );
    CGFloat C2 = ( (3.0 * c) - (6.0 * b) + (3.0 * a) );
    CGFloat C3 = ( (3.0 * b) - (3.0 * a) );
    CGFloat C4 = ( a );

    return ( C1*t*t*t + C2*t*t + C3*t + C4  );
    }

CGFloat bezierTangent(CGFloat t, CGFloat a, CGFloat b, CGFloat c, CGFloat d)
    {
    CGFloat C1 = ( d - (3.0 * c) + (3.0 * b) - a );
    CGFloat C2 = ( (3.0 * c) - (6.0 * b) + (3.0 * a) );
    CGFloat C3 = ( (3.0 * b) - (3.0 * a) );
    CGFloat C4 = ( a );

    return ( ( 3.0 * C1 * t* t ) + ( 2.0 * C2 * t ) + C3 );
    }

四个预先计算的值C1 C2 C3 C4有时称为贝塞尔曲线的系数。（回想一下，b c d通常被称为四个控制点。）当然，t从0到1运行，可能例如每0.05。 只需为X调用一次这些例程，并为Y 单独调用一次。希望它可以帮助某人！

Answer 2

bezierpath类中有一个名为containsPoint的方法：..引用：http://developer.apple.com/library/ios/#documentation/2ddrawing/conceptual/drawingprintingios/BezierPaths/BezierPaths.html

您可以检测触摸点是否在贝塞尔路径对象中的天气。我已经用自己的方法使用了这个方法，用户可以通过这种方法轻松检测贝塞尔曲线路径上的触摸（如果有圆圈或关闭路径，则不在内部或外部）。

此代码允许用户在触摸时选择贝塞尔曲线路径绘图对象，并在其上显示带动画的虚线。希望它可以帮到某人。这是我自己项目的代码：

-(void)touchesBegan:(NSSet *)touches withEvent:(UIEvent *)event
{

    if([[self tapTargetForPath:path] containsPoint:startPoint])  // 'path' is bezier path object
          {

                [self selectShape:currentSelectedPath];// now select a new/same shape

                NSLog(@"selectedShapeIndex: %d", selectedShapeIndex);

                break;
            }
}

// this method will let you easily select a bezier path ( 15 px up and down of a path drawing)
- (UIBezierPath *)tapTargetForPath:(UIBezierPath *)path
{
    if (path == nil) {
        return nil;
    }

    CGPathRef tapTargetPath = CGPathCreateCopyByStrokingPath(path.CGPath, NULL, fmaxf(35.0f, path.lineWidth), path.lineCapStyle, path.lineJoinStyle, path.miterLimit);
    if (tapTargetPath == NULL) {
        return nil;
    }

    UIBezierPath *tapTarget = [UIBezierPath bezierPathWithCGPath:tapTargetPath];
    CGPathRelease(tapTargetPath);
    return tapTarget;
}

-(void)selectShape:(UIBezierPath *)pathToSelect
{
    centerline = [CAShapeLayer layer];
    centerline.path = pathToSelect.CGPath;
    centerline.strokeColor = [UIColor whiteColor].CGColor;
    centerline.fillColor = [UIColor clearColor].CGColor;
    centerline.lineWidth = 1.0;
    centerline.lineDashPattern = [NSArray arrayWithObjects:[NSNumber numberWithInt:10], [NSNumber numberWithInt:5], nil];
    [self.layer addSublayer:centerline];

    // showing animation on line
    CABasicAnimation *dashAnimation;
    dashAnimation = [CABasicAnimation animationWithKeyPath:@"lineDashPhase"];

    [dashAnimation setFromValue:[NSNumber numberWithFloat:0.0f]];
    [dashAnimation setToValue:[NSNumber numberWithFloat:30.0f]];
    [dashAnimation setDuration:1.0f];
    [dashAnimation setRepeatCount:10000];

    [centerline addAnimation:dashAnimation forKey:@"linePhase"];
}

Answer 3

这是一个非常难的问题。您需要确定最接近触摸点的路径上的点，这是一个复杂的数学问题。这是我使用快速Google搜索找到的最好的东西。（注意：代码在BASIC中。）

http://www.tinaja.com/glib/bezdist.pdf

我承认，我很想自己写这个。它非常有用，我喜欢挑战。

Answer 4

在数学上，您无法确定曲线内的点（纯数学曲线）是否没有曲面。您可以做的是测试点是否在由CGPathCreateCopyByStrokingPath与CGPathContainsPoint创建的闭合曲线的边界定义的曲面内。它会创建填充的曲线，以在屏幕上渲染曲线。

如果调用CGPathCreateCopyByStrokingPath时参数：CGFloat lineWidth小于或等于原始曲线的最小曲率半径，则它不会自相交。原始曲线也不应该自相交。

如果CGPathContainsPoint返回true，并且我提到的两个条件都满足，则可以保证在曲线上找到一个且距离为lineWidth的点。没有代数解决方案，因此您必须使用此处描述的方法在曲线上找到接近触摸点的近似点：Find a point, a given distance, along a simple cubic bezier curve. (On an iPhone!)

Answer 5

对于@ rakesh的回答

Swit：

 func tapTargetForPath(_ path: CGPath) -> UIBezierPath? {
    let path = UIBezierPath(cgPath: path)
   guard let tapTargetPath = CGPath(__byStroking: path.cgPath,
           transform: nil,
           lineWidth: CGFloat(fmaxf(35.0, Float(path.lineWidth))),
           lineCap: path.lineCapStyle,
           lineJoin: path.lineJoinStyle,
           miterLimit: path.miterLimit) else {
            return nil
    }

    return UIBezierPath(cgPath: tapTargetPath)
}

如何检测UIBezierPath上的触摸并沿着它移动球？

5 个答案: