有效地检测仅触摸UIImageView的非透明像素

Question

您如何有效地检测仅在UIImageView非透明像素上的触摸？

考虑下面的图像，与UIImageView显示。 目标是仅在触摸发生在图像的非透明（在这种情况下为黑色）区域时使手势识别器响应。

思路

• 覆盖hitTest:withEvent:或pointInside:withEvent: ,尽管这种方法可能非常低效，因为这些方法在触摸事件期间被多次调用。
• 检查单个像素是否透明可能会产生意外结果，因为手指大于一个像素。 检查命中点周围的像素圆形区域，或尝试找到朝向边缘的透明路径可能会更好。

奖金

• 区分图像的外部和内部透明像素会很好。 在该示例中，零内的透明像素也应被视为有效。
• 如果图像有变换会发生什么？
• 图像处理可以硬件加速吗？

Answer 1

这是我的快速实现:(基于检索UIImage的像素alpha值 ）

- (BOOL)pointInside:(CGPoint)point withEvent:(UIEvent *)event {
    //Using code from https://stackoverflow.com/questions/1042830/retrieving-a-pixel-alpha-value-for-a-uiimage

    unsigned char pixel[1] = {0};
    CGContextRef context = CGBitmapContextCreate(pixel,
                                                 1, 1, 8, 1, NULL,
                                                 kCGImageAlphaOnly);
    UIGraphicsPushContext(context);
    [image drawAtPoint:CGPointMake(-point.x, -point.y)];
    UIGraphicsPopContext();
    CGContextRelease(context);
    CGFloat alpha = pixel[0]/255.0f;
    BOOL transparent = alpha < 0.01f;

    return !transparent;
}

这假定图像与point在同一坐标空间中。 如果继续缩放，则可能必须在检查像素数据之前转换该point 。

看起来很快对我工作。 我估计约。 此方法调用0.1-0.4 ms。 它没有内部空间，可能不是最佳的。

Answer 2

在github上，您可以找到Ole Begemann的一个项目，该项目扩展了UIButton ，使其仅检测按钮图像不透明的触摸。

由于UIButton是UIView的子类，因此将其调整为UIImageView应该很简单。

希望这可以帮助。

Answer 3

好吧，如果你需要真的很快，你需要预先计算面具。

以下是如何提取它：

UIImage *image = [UIImage imageNamed:@"some_image.png"];
NSData *data = (NSData *) CGDataProviderCopyData(CGImageGetDataProvider(image.CGImage));
unsigned char *pixels = (unsigned char *)[data bytes];
BOOL *mask = (BOOL *)malloc(data.length);
for (int i = 0; i < data.length; i += 4) {
  mask[i >> 2] = pixels[i + 3] == 0xFF; // alpha, I hope
}
// TODO: save mask somewhere

或者您可以使用1x1位图上下文解决方案来预先计算掩码。 拥有掩码意味着您可以使用一个索引内存访问的成本来检查任何点。

至于检查比一个像素更大的区域 - 我会检查一个圆上的像素，其中心位于触摸点。 圆圈上大约16个点就足够了。

同时检测内部像素：另一个预先计算步骤 - 您需要找到蒙版的凸包。 您可以使用“Graham扫描”算法http://softsurfer.com/Archive/algorithm_0109/algorithm_0109.htm执行此操作。然后填充蒙版中的该区域，或者保存多边形并使用多边形点测试。

最后，如果图像有变换，则需要将点坐标从屏幕空间转换为图像空间，然后您可以检查预先计算的蒙版。