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];
}
