UIView局部点击

 

 

今天上班遇到一种情况，需要局部响应点击事件,比如在一个UIImageView中设置一个小圆圈图片，要求点击圆圈里面不响应点击，点击小圆圈外面的部分响应点击。
可以通过重写hitTest:withEvent: 和 pointInside: withEvent:方法来做到。

看一下hitTest:withEvent
＊touch事件发生，创建UIEvent对象

＊按照Application的view层次结构，逐层调用每个view的hitTest:withEvent:方法，并传入该event对象，view根据hitTest:withEvent:方法和来决定touch点是否包含在自己的bounds中；

＊如果view的bounds包含了touch点，该view会遍历自己的subview，并调用每个subview的pointInside:withEvent:方法来进一步决定touch事件是发生在自己本身，还是自己的subview上。

＊重复第二，三步，并筛选出最终接受touch事件的view对象

//继承  建子类  重写上述方法

@interface CustomImageView : UIImageView



@property (strong, nonatomic) UIBezierPath *bezierPath;



@end



@implementation CustomImageView



- (id)init



{



    self = [super init];



    if (self) {



    }



    return self;



}



- (UIView *)hitTest:(CGPoint)point withEvent:(UIEvent *)event {



    



    UIView *result = [super hitTest:point withEvent:event];



    return [self pointInside:point withEvent:event] ? self : result;



}



- (BOOL)pointInside:(CGPoint)point withEvent:(UIEvent *)event



{



    return CGPathContainsPoint(self.bezierPath.CGPath, NULL, point, YES) ? YES : NO;



}



@end

//使用部分的代码
  //中间的图片

    CustomImageView *imageView = [[CustomImageView alloc] initWithFrame:CGRectMake(0,0, imageWidth02, imageHeight02)];



    imageView.backgroundColor = [UIColor clearColor];

    imageView.userInteractionEnabled = YES;



    imageView.bezierPath = [UIBezierPath bezierPathWithOvalInRect:imageView.bounds];



    imageView.image = [UIImage imageNamed:kCenterImg];



    [self.view addSubview:imageView];

//这样就达到了点击局部响应事件的效果。关于userInteractionEnabled这个属性设置为NO的时候，表示这个view从事件队列移除出去。