动画学习1 Animating Views with Blocks
有五个函数
ios 4.0 以后才支持
Animating Views with Blocks
-
+ animateWithDuration:delay:options:animations:completion: -
+ animateWithDuration:animations:completion: -
+ animateWithDuration:animations: -
+ transitionWithView:duration:options:animations:completion: -
+ transitionFromView:toView:duration:options:completion:
这三个函数，用来支持多个不同的view（view1,view2。。。。。。）的动画
Animate changes to one or more views
-
+ animateWithDuration:delay:options:animations:completion: -
+ animateWithDuration:animations:completion: -
+ animateWithDuration:animations:
这个函数，用来对一个容器view的一个动画进行操作，这个容器内的所有subview将一起动画
-
+ transitionWithView:duration:options:animations:completion:
这个函数，用来对一个容器view的多个subview进行动画，容器view中的FromView到toView的切换等动画
比如：subview1翻转后显示subview2
-
+ transitionFromView:toView:duration:options:completion:
/* 翻转示例
这个方法完成firstView翻转过来显示背面的secondview，并且将firstview移除。
需要注意的事情是，我们在翻转的时候要给firstView和secondview增加一个共同的容器view
将这两个view作为一个容器view的subview，才能正确执行，否则系统将会默认将self.view作为容器view，导致效果不正确。
在viewdidload中增加一下代码：
- (void)viedDidLoad{
[self.secondView removeFromSuperview];
UIView *containerView = [[UIView alloc] initWithFrame:self.firstView.frame];
self.firstView.frame = containerView.bounds;
self.secondView.frame = containerView.bounds;
[containerView addSubview:self.secondView];
[containerView addSubview:self.firstView];
[self.view addSubview:containerView];
[super viewDidLoad];
}
- (void)animation {
[UIView transitionFromView:self.firstView toView:self.secondView duration:2.f options:UIViewAnimationOptionTransitionFlipFromRight | UIViewAnimationOptionShowHideTransitionViews completion:^(BOOL finished) {
}];
}
options的选项：
看下面代码中的注释：
- (NSInteger)animationOption: (NSInteger)index {
NSInteger type = 0;
switch (index) {
case 0: {// 跟父类作为一个整体一起动画，此方式为默认方式
type = UIViewAnimationOptionLayoutSubviews;
break;
}
case 1: {// 在动画运行过程中，允许用户与之交互操作
/*
注意1，UIViewAnimationOptionAllowUserInteraction只是说允许用户点击，但在动画过程中，
比如一个让btnOne从（0,0）移动到（100,0）的动画，在动画播放的过程中其实btnOne的坐标已经是(100,0)了 你点击在view上显示的btn是没办法获取响应的，你需要在（100,0）处进行点击才能让btnOne响应你的点击事件。
解决这个问题的一种方法就是用定时器不断刷，把动画微分化：
- (void)viewDidLoad
{
_btnMove = [UIButton buttonWithType:UIButtonTypeRoundedRect];
[_btnMove addTarget:self action:@selector(btnMoveDidSelect) forControlEvents:UIControlEventTouchUpInside];
_btnMove.frame = CGRectMake(0, 0, 80, 40);
[_btnMove setTitle:@"touch me!" forState:UIControlStateNormal];
[self.view addSubview:_btnMove];
[NSTimer scheduledTimerWithTimeInterval:0.01f target:self selector:@selector(buttonMoved) userInfo:nil repeats:YES];
[super viewDidLoad];
return;
}
- (void)buttonMoved
{
if(_btnMove.frame.origin.x != 250)
{
[UIView beginAnimati*****:nil context:nil];
[UIView setAnimationDuration:0.01f];
[UIView setAnimationCurve:UIViewAnimationCurveEaseOut];
[_btnMove setFrame: CGRectMake(_btnMove.frame.origin.x+1, _btnMove.frame.origin.y,_btnMove.frame.size.width, _btnMove.frame.size.height)];
[UIView commitAnimati*****];
}
}
注意2：如果你设置了UIViewAnimationOptionAllowUserInteraction，界面上其他的button等控件可以接受事件，但是你不设置UIViewAnimationOptionAllowUserInteraction，其他的控件事件都收不到。也就是说如果设置了UIViewAnimationOptionAllowUserInteraction，在动画期间，主线程会有时间接受事件。
*/
type = UIViewAnimationOptionAllowUserInteraction;
break;
}
case 2: {// 从当前状态开始动画。例如如下代码
/*
- (void)doAnimation1 {
[UIView animateWithDuration:5.0
delay:0.0
options:nil
animations:^{
self.firstView.frame = CGRectMake(0, 0, 200, 200);
[self performSelector:@selector(doAnimation2) withObject:nil afterDelay:1];
}
completion:^(BOOL finished){}];
}
- (void)doAnimation2 {
[UIView animateWithDuration:5.0
delay:0.0
options:UIViewAnimationOptionBeginFromCurrentState
animations:^{
self.firstView.frame = CGRectMake(660, 660, 200, 200);
}
completion:^(BOOL finished){}];
}
当5秒的doAnimation1动画运行1秒后，开始doAnimation2动画（doAnimation2设定了UIViewAnimationOptionBeginFromCurrentState参数），则doAnimation2的动画是从doAnimation1运行到1秒的状态为开始状态继续运行。如果不传入这个参数，则doAnimation2的开始状态为doAnimation1完整运行结束后的状态。
*/
type = UIViewAnimationOptionBeginFromCurrentState;
break;
}
case 3: {// 重复执行一个动画，从初始状态到结束状态，然后瞬间跳到初始状态继续无限次的执行同一动作
type = UIViewAnimationOptionRepeat;
break;
}
case 4: {// 反向执行一个动画。当动画执行完一遍后，沿原路径反向执行一遍。这个属性必须跟UIViewAnimationOptionRepeat一起使用
type = UIViewAnimationOptionAutoreverse;
break;
}
case 5: {// 忽略子层嵌套的动画的时间间隔。例如如下代码
/*
[UIView transitionWithView:self.firstView duration:4.f options:nil animations:^{
self.firstView.frame = CGRectMake(0, 0, 200, 200);
[UIView transitionWithView:self.firstView duration:1.f options:nil animations:^{
self.secondView.frame = CGRectMake(0, 0, 200, 200);
} completion:^(BOOL finished) {}];
} completion:^(BOOL finished) {}];
self.firstView的动画时间是4秒,self.secondView的动画时间是1秒,
如果子层不设置UIViewAnimationOptionOverrideInheritedDuration（如父层和子层都是nil），
则子层默认继承父层的时间，忽略自己的时间。
若是子层设置UIViewAnimationOptionOverrideInheritedDuration属性，
则子层将按照自身设置的1秒的时间执行。
*/
type = UIViewAnimationOptionOverrideInheritedDuration;
break;
}
case 6: {// 忽略子层嵌套的动画属性的时间 （如UIViewAnimationOptionCurveEaseInOut） 同上
type = UIViewAnimationOptionOverrideInheritedCurve;
break;
}
case 7: {// 允许同一个view的多个动画同时进行
type = UIViewAnimationOptionAllowAnimatedContent;
break;
}
case 8: {// 控制两个subview的显示和隐藏
/*
控制两个subview的显示和隐藏（功能类似于addsubview和removefromsuperview），使用这个属性（一般在transitionFromView:toView:duration:options:completion:这个方法中使用），FromView会被隐藏，toView会被显示
- (void)viedDidLoad{
[self.secondView removeFromSuperview];
UIView *containerView = [[UIView alloc] initWithFrame:self.firstView.frame];
self.firstView.frame = containerView.bounds;
self.secondView.frame = containerView.bounds;
[containerView addSubview:self.secondView];
[containerView addSubview:self.firstView];
[self.view addSubview:containerView];
[super viewDidLoad];
}
- (void)animation {
[UIView transitionFromView:self.firstView toView:self.secondView duration:2.f options:UIViewAnimationOptionTransitionFlipFromRight | UIViewAnimationOptionShowHideTransitionViews completion:^(BOOL finished) {}];
}
*/
type = UIViewAnimationOptionShowHideTransitionViews;
break;
}
// ========= 动画过渡动作的速度
case 9: {// 先慢后快再慢
type = UIViewAnimationOptionCurveEaseInOut;
break;
}
case 10: {// 先慢后快
type = UIViewAnimationOptionCurveEaseIn;
break;
}
case 11: {// 先快后慢
type = UIViewAnimationOptionCurveEaseOut;
break;
}
case 12: {// 匀速
type = UIViewAnimationOptionCurveLinear;
break;
}
// ========= 动画过渡过程的方式：
case 13: {// 不指定方式
type = UIViewAnimationOptionTransitionNone;
break;
}
case 14: {// 翻转
type = UIViewAnimationOptionTransitionFlipFromLeft;
break;
}
case 15: {// 翻转
type = UIViewAnimationOptionTransitionFlipFromRight;
break;
}
case 16: {// 翻转
type = UIViewAnimationOptionTransitionFlipFromTop; // 5.0以后
break;
}
case 17: {// 翻转
type = UIViewAnimationOptionTransitionFlipFromBottom;// 5.0以后
break;
}
case 18: {// 重叠，当一个view从一个位置到另一个位置时，当前的view会由透明状态逐渐显示到目的位置，原来的位置将会保留一个影子，并逐渐消失
type = UIViewAnimationOptionTransitionCrossDissolve;// 5.0以后
break;
}
case 19: {// 翻页
type = UIViewAnimationOptionTransitionCurlUp;
break;
}
case 20: {// 翻页
type = UIViewAnimationOptionTransitionCurlDown;
break;
}
default:
break;
}
return type;
}