进球弹出提醒效果

最近研究UIView动画，对比分在线客户端使用了很多UIView动画效果。



一直以来都是使用UIView animateWithDuration实现UIView动画，但是这种模式无法实现连续动，每个UIView只能同步播放，由于刚接触iOS开发，一直找不到解决方法，网上找了许多都是使用CAKeyframeAnimation来实现，虽然CAKeyframeAnimation网上实现起来更简单，但我觉得还是有点麻烦。于是自己扩展了UIView实现连续动画，就是一段动画运行完毕后调用另一段动画，保证两段动画没有重叠。

大概有两种方法可以选择：
1.增加延迟以便在第一段动画结束之后在启动第二段动画（[performSelector:withObject:afterDelay:]）

2.指定动画委托回调（animationDidStop:finished:context:）

从编程的角度来说就更容易，下面我们将扩展类UIView的方法，通过类别引入一个新的方法----commitModalAnimations.调用此方法而不是调用commitAnimations方法，它会建立一个新的runloop，该循环只有在动画结束的时候才会停止。这样确保了commitModalAnimations方法只有在动画结束才将控制权返还给调用方法，利用此扩展方法可以将动画块按顺序放进代码中，不必做任何其他的修改就能避免动画的重叠现象。

@interface UIView (ModalAnimationHelper)
+ (void) commitModalAnimations;
@end



@interface UIViewDelegate : NSObject
{
	CFRunLoopRef currentLoop;
}
@end

@implementation UIViewDelegate
-(id) initWithRunLoop: (CFRunLoopRef)runLoop 
{
	if (self = [super init]) currentLoop = runLoop;
	return self;
}

-(void) animationFinished: (id) sender
{
	CFRunLoopStop(currentLoop);
}
@end

@implementation UIView (ModalAnimationHelper)
+ (void) commitModalAnimations
{
	CFRunLoopRef currentLoop = CFRunLoopGetCurrent();
	
	UIViewDelegate *uivdelegate = [[UIViewDelegate alloc] initWithRunLoop:currentLoop];
	[UIView setAnimationDelegate:uivdelegate];
	[UIView setAnimationDidStopSelector:@selector(animationFinished:)];
	[UIView commitAnimations];
	CFRunLoopRun();
	[uivdelegate release];
}
@end

以后这样调用就可以了：

-(void) displayAnimate{	
	self.alpha = 1;
	CGRect _frame = self.frame;
	_frame.origin.x = -100;
	self.frame = _frame;

	[UIView beginAnimations:nil context:nil];
	[UIView setAnimationDuration:0.15];
	_frame.origin.x = x+100;
	self.frame = _frame;
	self.alpha = 0;
	[UIView commitModalAnimations];

	
	[UIView beginAnimations:nil context:nil];
	[UIView setAnimationDuration:0.15];
	_frame.origin.x = x;
	self.frame = _frame;
	self.alpha = 1;
	[UIView commitModalAnimations];	
}