[UIView animateWithDuration:15.5f delay:0.0f options:UIViewAnimationOptionAllowUserInteraction animations:^{
self.btnTest.frame = CGRectMake(self.btnTest.frame.origin.x,
self.view.frame.size.height-37,
75,
37);
} completion:^(BOOL finished) {
self.btnTest.frame = CGRectMake(225, 36, 75, 37);
}];
在这个简单的动画开始后,单击屏幕上的btnTest并不能触发相应事件,因为btnTest的frame在动画结束位置,而并不在动画中的位置。所以只有单击动画结束位置才能响应其事件。如何能做到在动画中单击屏幕上的button能正确响应其事件呢?大致有两种办法。
第一种是使用NSTimer替代上面的动画。在此不多做介绍。
我们要说的是第二种方法,不改变上面的动画代码的情况下也能正确单击并响应事件。
首先我们需要知道的是控件在动画中展示在屏幕中的是layer.presentationLayer,我们也可以称之为展示层,可以根据它得到当前动画中的坐标:layer.presentationLayer.frame。
现在我们虽然可以知道动画中的坐标了,但是如何传递touch事件到控件上呢?难道验证单击point在展示层frame中后直接调用
[self.btnTest sendActionsForControlEvents:<#(UIControlEvents)#>];
吗?你可以先尝试这么做,但是随后你会发现许多问题,比如不能良好的控制button的状态,或是如果单击的坐标在button.frame上时,直接就触发了button的事件了。
所以我们现在需要知道如何正确的传递事件到button中。
- (UIView *)hitTest:(CGPoint)point withEvent:(UIEvent *)event
查阅资料,我们能知道,只要重写UIView的上面这个方法就可以根据我们的需要传递touch事件到相应控件了。
我们只需要根据上述方法中的point得到对应在屏幕中显示的控件,然后return这个控件就能正确传递了。(根据point得到屏幕中控件还有点小复杂)
现在,我们能把touch事件传递到动画中的button上了。但debug后发现还是有问题,虽然能传递到button上,但是button的状态不对,而且button响应的事件也不对。
我们仔细debug一下button中的
- (void)touchesBegan:(NSSet *)touches withEvent:(UIEvent *)event
- (void)touchesMoved:(NSSet *)touches withEvent:(UIEvent *)event
- (void)touchesEnded:(NSSet *)touches withEvent:(UIEvent *)event
方法,发现了吗,在上述方法中touches中的坐标也跟hitTest中的参数point是相同的,所以导致button的状态和响应事件不对。我们只需要重写这几个方法,就能正确显示button的状态和正确触发button事件了。
需要完整代码的朋友可以到点击打开链接下载