android 人体部位点击,iOS——实现点击人体部位响应

需求要求：

点击身体部位跳转，点击空白处无响应

因为人体是不规则的，所以什么贝塞尔曲线什么的肯定是画不出来的。

思维逻辑：

1，获取点击位置颜色，2，重写button，判断点击位置是否和空白处颜色RGB(0，0，0)相同，3，响应

一，获取点击位置颜色：

/// 获取图片上某个点的颜色值(不包含alpha)。

- (UIColor *)pixelColorFromPoint:(CGPoint)point scale:(CGFloat)scale {

// 判断点是否超出图像范围

if (!CGRectContainsPoint(CGRectMake(0, 0, self.size.width*scale, self.size.height*scale), point)) return nil;

// 将像素绘制到一个1×1像素字节数组和位图上下文。

NSInteger pointX = trunc(point.x/scale);

NSInteger pointY = trunc(point.y/scale);

CGImageRef cgImage = self.CGImage;

CGFloat width = self.size.width;

CGFloat height = self.size.height;

CGColorSpaceRef colorSpace = CGColorSpaceCreateDeviceRGB();

int bytesPerPixel = 4;

int bytesPerRow = bytesPerPixel * 1;

NSUInteger bitsPerComponent = 8;

unsigned char pixelData[4] = {0, 0, 0, 0};

CGContextRef context = CGBitmapContextCreate(pixelData, 1, 1, bitsPerComponent, bytesPerRow, colorSpace, kCGImageAlphaPremultipliedLast | kCGBitmapByteOrder32Big);

CGColorSpaceRelease(colorSpace);

CGContextSetBlendMode(context, kCGBlendModeCopy);

// 将指定像素绘制到上下文中

CGContextTranslateCTM(context, -pointX, pointY - height);

CGContextDrawImage(context, CGRectMake(0.0f, 0.0f, width, height), cgImage);

CGContextRelease(context);

CGFloat red = (CGFloat)pixelData[0] / 255.0;

CGFloat green = (CGFloat)pixelData[1] / 255.0;

CGFloat blue = (CGFloat)pixelData[2] / 255.0;

CGFloat al = (CGFloat)pixelData[3];

NSLog(@"red = %.2lf, %.2lf, %.2lf", red, green, blue);

UIColor * color = [UIColor colorWithRed:red green:green blue:blue alpha:al];

return color;

}

scale是为了适配不同机型加的比例，可以去掉。后面我会说一下这个小扩展

二，封装一个AIBudyButton：

override func point(inside point: CGPoint, with event: UIEvent?) -> Bool {

guard CGRect(origin: CGPoint(x: 0, y: 0), size: self..size ).contains(point) else {

return false

}

let color: UIColor = self.currentBackgroundImage?.pixelColor(from: point, scale: LayoutSCALE) ?? UIColor.init()

if color.isEqual(UIColor.init(red: 0, green: 0, blue: 0, alpha: 0)) {

print("不触发事件")

return false

}

print("触发事件")

return true

}

这就结束了，上图：

棒棒哒

如图，点击空白处不会响应。

以上就结束了！

let LayoutSCALE = screenWidth/414

AIBodyButton中调用的LayoutSCALE就是这个，因为我是在414*896的UI图纸下开发的，所以做了简单的适配，当然，不要忘记button宽高的适配。

注意：这里的尺寸很严格，差一点点就会响应错误！