【iOS】UIView 动画部分

UIView实现动画效果：

UIView类的很多属性都设计为动画，动画的属性是指当属性从一个值变成另外一个值时可以支持动画，同时通知UIKit需要执行什么样类型的动画，UIView对象支持动画的属性有如下几个：

frame：可以使用该属性改变尺寸和位置

bounds：改变尺寸

center：改变视图的位置

alpha：改变视图的透明度

backgroundColor：改变视图的背景

contentStretch：改变视图内容如何拉伸

（1）Core Animation方法

IOS封装了Core Animation来是实现动画，Core Animation的最大好处是可以帮助Mac或者iPhone的开发者减少代码量。因为如果你想用Core Image或者Open GL实现界面的动画特效，其实也是可以的，主要是非常麻烦。而用Core Animation可以极大简化开发难度和减少代码量,IOS提供的核心动画编程接口，可以让编程人员以非常简单的方式实现炫目流畅的动画效果

翻转的动画 

 [UIViewbeginAnimations:@"wap view" context:nil]; //开始动画

 [UIViewsetAnimationDuration:1];  //设置时常

 [UIViewsetAnimationCurve:UIViewAnimationCurveEaseInOut]; //设置动画淡入淡出

 [UIViewsetAnimationDelegate:self]; //设置代理

 [UIViewsetAnimationTransition: UIViewAnimationTransitionFlipFromLeft  forView:manImageView cache:YES]; //设置翻转方向

 [UIViewcommitAnimations];  //动画结束

旋转动画

创建一个CGAffineTransform transform对象 CGAffineTransform transform;

transform =CGAffineTransformRotate(manImageView.transform,M_PI/6.0); //设置旋转度数

 [UIViewbeginAnimations:@"rotate" context:nil ];  //动画开始

 [UIViewsetAnimationDuration:2]; //动画时常

 [UIViewsetAnimationDelegate:self]; //添加代理

 [manImageViewsetTransform:transform];  //获取transform的值

 [UIViewcommitAnimations]; //关闭动画

偏移动画

[UIView beginAnimations:@"move" context:nil];

[UIView setAnimationDuration:2];

[UIView setAnimationDelegate:self]； //改变它的frame的x,y的值 manImageView.frame=CGRectMake(100,100, 120,100);

[UIView commitAnimations];

翻页动画

[UIView beginAnimations:@"curlUp" context:nil];

[UIView setAnimationCurve:UIViewAnimationCurveEaseInOut];//指定动画曲线类型，该枚举是默认的，线性的是匀速的

//设置动画时常 [UIViewsetAnimationDuration:1];

[UIView setAnimationDelegate:self]; //设置翻页的方向

[UIView setAnimationTransition:UIViewAnimationTransitionCurlUpforView:manImageView cache:YES];

 [UIViewcommitAnimations]; //关闭动画

缩放动画

CGAffineTransform transform;

transform =CGAffineTransformScale(manImageView.transform,1.2,1.2);

[UIView beginAnimations:@"scale" context:nil];

[UIView setAnimationDuration:2];

[UIView setAnimationDelegate:self];

[manImageView setTransform:transform];

[UIView commitAnimations];

取反的动画效果是根据当前的动画取他的相反的动画

CGAffineTransform transform;

transform=CGAffineTransformInvert(manImageView.transform);

[UIView beginAnimations:@"Invert" context:nil];

[UIView setAnimationDuration:2];//动画时常

[UIView setAnimationDelegate:self];

[manImageView setTransform:transform];//获取改变后的view的transform [UIViewcommitAnimations];//关闭动画

（2）Block方法实现的动画（即animateWithDuration方法）

 [UIViewanimateWithDuration:<#(NSTimeInterval)#>animations:<#^(void)animations#>];

[UIViewanimateWithDuration:<#(NSTimeInterval)#>animations:<#^(void)animations#> completion:<#^(BOOLfinished)completion#>];

[UIView animateWithDuration:<#(NSTimeInterval)#>delay:<#(NSTimeInterval)#> options:<#(UIViewAnimationOptions)#>animations:<#^(void)animations#> completion:<#^(BOOLfinished)completion#>];

l  duration为动画持续的时间

l  animations为动画效果的代码块

l  completion为动画执行完毕以后执行的代码块

l  options为动画执行的选项。可以参考这里

l  delay为动画开始执行前等待的时间

比如一：从屏幕下部往上渐渐弹出一个图片

1. -(void) fadeIn  
2. {     
3.     CGRect rect = [[UIScreen mainScreen] bounds];  
4.       self.view.center = CGPointMake(rect.size.width/2, 720);  
5.     [UIView animateWithDuration:0.5f animations:^{  
6.          self.view.center = CGPointMake(rect.size.width/2, 240+10);    
7.     } completion:^(BOOL finished) {  
8.      //   [imageView setImageURL:[NSURL URLWithString:imgUrl]];  
9.     }];  
10. } 

比如二：再渐渐退回去

1. -(void) fadeOut  
2. {  
3.     CGRect rect = [[UIScreen mainScreen] bounds];  
4.     [UIView animateWithDuration:0.5f animations:^{  
5.         self.view.center = CGPointMake(rect.size.width/2, 720);  
6.     } completion:^(BOOL finished) {  
7.         [imageView cancelImageLoad];  
8.         [imageView release];  
9.         //[imgUrl release];  
10.        // imageView = nil;  
11.         //imgUrl = nil;  
12.        // [self.view removeFromSuperview];  
13.     }];  
14. }