1.4hitTest方法练习

应用效果

14635629811151.gif

需求分析:
点击一个按钮弹出一个对话框,该按钮可以跟随手指的移动而移动,由于弹出对话框是按钮的子控件,弹出对话框已经超出了按钮的尺寸,所以不能直接处理触摸事件.
问题解决:可以自定义按钮的hitTest:withEvent:方法来实现该功能.

步骤:
1.自定义一个UIButton.
2.创建一个对话框(UIButton),并且添加到自定义的UIButton上,作为自定义button的子控件.
3.在自定义UIButton定义一个UIButton属性用来接收对话框对象.
4.在自定义UIButton的hitTest方法中进行判断,如果触摸点的坐标在对话框(自定义按钮)上面就将点击事件交给对话框按钮(自定义按钮)处理.

/*自定义UIButton的实现*/
@interface PopBtn : UIButton
// 用来保存点击按钮弹出的对话框(UIButton)
@property (nonatomic, weak) UIButton *chatView;
@end

- (UIView *)hitTest:(CGPoint)point withEvent:(UIEvent *)event
{ 
    // 当前控件上的点转换到chatView上
    CGPoint chatP = [self convertPoint:point toView:self.chatView]; 
    // 判断触摸点在不在chatView(弹出框按钮)上
    if ([self.chatView pointInside:chatP withEvent:event]) {
    // 如果在直接就返回弹出框,弹出框就可以处理点击事件
        return self.chatView;
    }else{
    // 如果不在就按照自定按钮的默认寻找合适view的方法处理
        return [super hitTest:point withEvent:event];
    }   
}

/*点击按钮事件处理过程*/
- (IBAction)popChatView:(PopBtn *)sender {
    // 弹出对话框
    UIButton *chatView = [UIButton buttonWithType:UIButtonTypeCustom];
    // 设置对话框的大小
    chatView.bounds = CGRectMake(0, 0, 200, 200);
    // 设置对话框的坐标-100表示已经超出按定义按钮的边框(意味着不能直接处理触摸事件)
    chatView.center = CGPointMake(100, -100);
        // 为UIControlStateNormal状态下对话框(自定义按钮)设置背景图
    [chatView setBackgroundImage:[UIImage imageNamed:@"对话框"] forState:UIControlStateNormal];
    // 为高亮状态下的对话框设置背景图
    [chatView setBackgroundImage:[UIImage imageNamed:@"小孩"] forState:UIControlStateHighlighted];
    // 将对话框按钮赋值给自定义按钮,在自定义按钮中判断触摸点是否在对话框上.
    sender.chatView = chatView;
    // 将自定义对话框添加到自定义按钮上,作为按钮的子控件.
    [sender addSubview:chatView];
}