在做ios项目的过程中遇到一个问题:图片在移动过程中不能响应触摸事件。在网上查找各种资料,最终解决。
其中最关键的地方在于,动画开始后有两个图层:
一个view.layer.presentationLayer用来显示动画(属性随动画过程慢慢改变);
一个view.layer用来处理用户交互(动画一开始属性值已经改变到动画结束时的状态)
在移动过程响应触摸,要注意以下几个地方:
1.userInteractionEnabled属性设为YES。UIView默认为YES,但是UIImageView,UILabel等重写后默认为NO
2:执行动画时 options添加UIViewAnimationOptionAllowUserInteraction 打开用户交互
[UIView animateWithDuration:20
delay:0
options:UIViewAnimationOptionAllowUserInteraction|
UIViewAnimationOptionCurveLinear
animations:^{
imgView.frame = CGRectMake(100, 100, 100, 100);
}
completion:NULL
];
3.必须在动画结束后的坐标位置点击图片(如果想在显示位置触摸看第4点)。比如你把一个图片从起始位置(0,0,100,100)动画转换到(100,100,100,100),在动画执行的时候,图片的位置已经变成(100,100,100,100)了,所以你必须在(100,100,100,100)范围里面点击才有效,在(0,0,100,100)里面点击是无效的
4.要在移动动画的过程中处理 触摸可以重写 UIView的hitTest方法
-(id)hitTest:(CGPoint)point withEvent:(UIEvent *)event
{
NSArray *subViews = self.subviews;
for(UIView *subView in subViews){
if([subView isKindOfClass:[FoamImageView class]]){ //是要找的图片
CALayer *layer = subView.layer.presentationLayer; //图片的显示层
if(CGRectContainsPoint(layer.frame, point)){ //触摸点在显示层中,返回当前图片
return subView;
}
}
}
return [super hitTest:point withEvent:event];
}
参考资料:
[iOS Animation]-CALayer 隐式动画 呈现与模型