我有一个简单的程序,可以创建一个子视图并在屏幕上设置动画。
作为此计划的一部分,我想在点击子视图时添加功能。我使用以下方法创建子视图,添加UITapGestureRecognizer,然后为子视图设置动画:
int randomName = arc4random() % ([pieceNames count] - 1);
int animationDuration = arc4random() % 5 + 5 ;
NSString *randomPiece = [pieceNames objectAtIndex:randomName];
float yStart = arc4random() % 650;
float yEnd = arc4random() % 650;
UIView *piece = [[PieceView alloc]initWithFrame:CGRectMake(100.0, yStart, 75.0, 75.0)];
[piece setValue:randomPiece forKey:@"name"];
UITapGestureRecognizer *recognizer = [[UITapGestureRecognizer alloc]initWithTarget:self
action:@selector(handleTouch:)];
[piece addGestureRecognizer:recognizer];
[[self view] addSubview:piece];
[UIView animateWithDuration:animationDuration
delay:0.0
options:UIViewAnimationOptionAllowUserInteraction
animations:^(void){
piece.center = CGPointMake(950.0, yEnd);
} completion:^(BOOL done){
[piece removeFromSuperview];
}];
以下是处理点按的代码:
PieceView *pv = (PieceView *) recognizer.view;
NSLog(@"%@ was tapped", pv.name);
当触摸PieceView时程序没有响应会发生什么。但是,如果我删除动画块,则程序会响应该点击。
为什么UITapGestureRecognizer在动画制作时无法响应PieceView?
答案 0 :(得分:9)
我为这个问题苦苦挣扎,归结为:只有的动画视图在两个地方:起始位置和结束位置。核心动画只需在一段时间内在起点和终点之间的插值位置渲染视图的图层。
这几乎就像你看向星星并意识到你所看到的实际上并不是正在发生的事情现在。 :)
幸运的是,解决方案非常简单。您可以在超级视图上放置一个点击识别器,然后检查您的动画视图presentationLayer
(确实在任何时间点为您提供准确的帧)以确定您的点按是否为点击或不
我构建了一个简单的UIViewController
来演示问题和解决方案:
#import <UIKit/UIKit.h>
@interface MSMViewController : UIViewController
@end
实施:
#import "MSMViewController.h"
@interface MSMViewController ()
@property (nonatomic, strong) UIView *animatedView;
@end
@implementation MSMViewController
- (void)viewDidLoad {
[super viewDidLoad];
CGRect startFrame = CGRectMake(125, 0, 70, 70);
CGRect endFrame = CGRectMake(125, 400, 70, 70);
// draw a box to show where the animated view begins
UIView *startOutlineView = [[UIView alloc] initWithFrame:startFrame];
startOutlineView.layer.borderColor = [UIColor blueColor].CGColor;
startOutlineView.layer.borderWidth = 1;
[self.view addSubview:startOutlineView];
// draw a box to show where the animated view ends
UIView *endOutlineView = [[UIView alloc] initWithFrame:endFrame];
endOutlineView.layer.borderColor = [UIColor blueColor].CGColor;
endOutlineView.layer.borderWidth = 1;
[self.view addSubview:endOutlineView];
self.animatedView = [[UIView alloc] initWithFrame:startFrame];
self.animatedView.backgroundColor = [UIColor yellowColor];
[self.view addSubview:self.animatedView];
[UIView animateWithDuration:10 delay:2 options:UIViewAnimationOptionAllowUserInteraction animations:^{
self.animatedView.frame = endFrame;
} completion:nil];
// this gesture recognizer will only work in the space where endOutlintView is
UITapGestureRecognizer *boxTap = [[UITapGestureRecognizer alloc] initWithTarget:self action:@selector(boxTap:)];
[self.animatedView addGestureRecognizer:boxTap];
// this one will work
UITapGestureRecognizer *superviewTap = [[UITapGestureRecognizer alloc] initWithTarget:self action:@selector(superviewTap:)];
[self.view addGestureRecognizer:superviewTap];
}
- (void)boxTap:(UITapGestureRecognizer *)tap {
NSLog(@"tap. view is at %@", NSStringFromCGPoint(self.animatedView.frame.origin));
}
- (void)superviewTap:(UITapGestureRecognizer *)tap {
CGRect boxFrame = [self.animatedView.layer.presentationLayer frame];
if (CGRectContainsPoint(boxFrame, [tap locationInView:self.view])) {
NSLog(@"we tapped the box!");
}
}
@end
答案 1 :(得分:0)
解决方案要简单得多,您只需要设置动画的选项 UIViewAnimationOptions.allowUserInteraction 。
UIView.animate(withDuration: duration, delay: 0.1, options: [.allowUserInteraction], animations: {
...
}, completion: { (completed) in
...
}