Question

我正试着用手指在屏幕上画一个箭头。我的想法是，通过触摸屏幕，我设置了我的箭头的初始坐标，当我在屏幕上拖动时，箭头将延伸并跟随我的手指。箭头的高度和宽度将是相同的，它的重要箭头的大小。当我将它拖离起点时箭头会更长。我用这样的东西尝试过它：

- (void)touchesMoved:(NSSet *)touches withEvent:(UIEvent *)event
{
    UIGraphicsBeginImageContext(CGSizeMake(1536, 2048));

    UITouch *touch = [touches anyObject];
    CGPoint p1 = [touch locationInView:self.view];

    CGSize size;
    size.width = 50;
    size.height = 400;

    CGContextRef context = UIGraphicsGetCurrentContext();

    [self drawArrowWithContext:context atPoint:p1 withSize:size lineWidth:4 arrowHeight:20 andColor:[UIColor whiteColor]];

    // converts your context into a UIImage
    UIImage *image = UIGraphicsGetImageFromCurrentImageContext();

    // Adds that image into an imageView and sticks it on the screen.
    UIImageView *imageView = [[UIImageView alloc] initWithImage:image];
    [self.view addSubview:imageView];
}

和

- (void) drawArrowWithContext:(CGContextRef)context atPoint:(CGPoint)startPoint withSize: (CGSize)size lineWidth:(float)width arrowHeight:(float)aheight andColor:(UIColor *)color
{
    float width_wing = (size.width - width) / 2;
    float main = size.height-aheight;

    CGContextSetFillColorWithColor(context, [color CGColor]);
    CGContextSetStrokeColorWithColor(context, [color CGColor]);

    CGPoint rectangle_points[] = {
        CGPointMake(startPoint.x + width_wing, startPoint.y + 0.0),
        CGPointMake(startPoint.x + width_wing, startPoint.y + main),
        CGPointMake(startPoint.x + 0.0, startPoint.y + main), // left point
        CGPointMake(startPoint.x + size.width / 2, startPoint.y + size.height),

        CGPointMake(startPoint.x + size.width, startPoint.y + main), // right point

        CGPointMake(startPoint.x + size.width-width_wing, startPoint.y + main),

        CGPointMake(startPoint.x + size.width-width_wing, startPoint.y + 0.0),
        CGPointMake(startPoint.x + width_wing, startPoint.y + 0.0),
    };

    CGContextAddLines(context, rectangle_points, 8);

    CGContextFillPath(context);
}

如果我从正常IBOutlet中移动的触摸中运行代码，箭头会出现在屏幕上，但这不是主意。我还没有设法使这个代码工作，但我认为即使它工作，它也会导致崩溃，因为我每次都删除并重新绘制形状。这是正确的方法吗？我该怎么办？

Answer 1

基本上，有一些不同的选择。

坚持使用UIImageView方法并停止重新创建图像视图。在检测触摸事件的类中保持对UIImageView的引用，如果发生更改，只需替换图像。如果您需要其他图像，可能值得为屏幕外绘图付出额外的努力。
在额外视图中动态实施箭头绘图。

我将简要介绍第二个：

检测事件的类需要一个成员变量/属性，ArrowView * arrowView以及要记住起始点的东西，CGPoint startPoint可能。 ArrowView需要箭头参数的属性，CGPoint arrowStart，CGSize arrowSize。在触摸事件处理程序中，执行

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

    UITouch *touch = [touches anyObject];
    CGPoint position = [touch locationInView:self.view];

    [self.startPoint startFrom:position];
}

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

    UITouch *touch = [touches anyObject];
    CGPoint next = [touch locationInView:self.view];

    CGSize size;
    size.width = next.x - self.startPoint.x;
    size.height = next.y - self.startPoint.y;

    self.arrowView.arrowPoint = self.startPoint;
    self.arrowView.arrowSize = size;

    [self.arrowView setNeedsDisplay];
}

在ArrowView中：

- (void)drawRect:(CGRect)rect {
    [super drawRect:rect];

    CGContextRef context = UIGraphicsGetCurrentContext();
    // Now do the drawing stuff here using that context!
    // self.arrowSize / self.arrowPoint do contain your drawing parameters.
    ...
}

我希望这会给你一个想法。

进一步阅读，start here.

Answer 2

哟可以尝试使用UIPanGestureRecognizer跟随你的手指并在其上方绘制。

使用TouchesMoved绘制形状

2 个答案: