如何绘制 UIBezierPath 并与之交互

Question

我想在我的应用程序中实现和设计建筑楼层的地图。在开始之前，我想得到一些建议。

我计划使用 UIBezierPath 来绘制形状。每个 UIBezierPath 将代表我的地图上的一家商店。 这是一个插图（map_with_UIBezierPath）

我的代码结构如下：我有一个 UIViewController 和一个 UiView。在 UIViewController“viewDidLoad”方法中，我实例化 UIView，并在 UIView“drawRect”方法中，绘制如下形状（UIBezierPathExtension 继承自 UIBezierPath）：

- (void)drawRect:(CGRect)rect {

context = UIGraphicsGetCurrentContext();

[[UIColor grayColor] setFill]; 
    [[UIColor greenColor] setStroke];

UIBezierPathExtension *aPath = [[UIBezierPathExtension alloc] init]; 
aPath.pathId = 1;
    [aPath moveToPoint:CGPointMake(227,34.25)];
[aPath addLineToPoint:CGPointMake(298.25,34.75)];
[aPath addLineToPoint:CGPointMake(298.5,82.5)];
[aPath addLineToPoint:CGPointMake(251,83)];
[aPath addLineToPoint:CGPointMake(251,67.5)];
[aPath addLineToPoint:CGPointMake(227.25,66.75)];   
    [aPath closePath]; 
aPath.lineWidth = 2;
[aPath fill]; 
[aPath stroke];
[paths addObject:aPath];

UIBezierPathExtension* aPath2 = [[UIBezierPathExtension alloc] init];
aPath2.pathId = 2;
[aPath2 moveToPoint:CGPointMake(251.25,90.5)];
[aPath2 addLineToPoint:CGPointMake(250.75,83.25)];
[aPath2 addLineToPoint:CGPointMake(298.5,83)];
[aPath2 addLineToPoint:CGPointMake(298.5,90.25)];
[aPath2 closePath];
aPath2.lineWidth = 2;
[aPath2 fill]; 
[aPath2 stroke];
[paths addObject:aPath2];   

    ...
}

我还在 UIViewController 中实现了平移和捏合手势。

现在，我问我如何与每一个形状进行交互。我想检测它的一次点击，改变他的颜色并显示一个像 那样的菜单 在选定的形状上。

有人可以告诉我正确的方向吗？

提前谢谢

Answer 1

您需要在视图中查找触摸事件（TouchesBegan、TouchesMoved、TouchesEnded、TouchesCancelled）。当您触摸时，您可以询问它在您的视图中的位置。您可以使用此位置来测试该点是否位于您的任何路径内，如果是，请执行您的酷操作。

使用您的示例代码，这里可能是一个粗略的 TouchesBegan...

- (void)touchesMoved:(NSSet *)touches withEvent:(UIEvent *)event {
    for (UITouch *touch in touches) {
        CGPoint pointTouched = [touch locationInView:self];
        for (UIBezierPath *path in paths) {
            if ([path containsPoint:point]) {
                // do something cool with your path
                // or more likely, set a flag to do the cool thing when drawing
            }
        }
    }
}

不要忘记您应该处理所有触摸事件并对每个事件做一些明智的事情。另外，上面的代码支持多点触摸，但您可能只想允许单点触摸，在这种情况下，有一些方法可以消除“触摸”循环。