博客园  :: 首页  :: 新随笔  :: 联系 :: 订阅 订阅  :: 管理

动画-CAAnimationGroup(动画组合)

Posted on 2014-03-21 09:27  星尘的天空  阅读(623)  评论(0编辑  收藏  举报

动画-CAAnimationGroup(动画组合)

我们知道IOS可以完成多种类型的动画,但是如果我们想在同一个时间端内同事完成两种或者两种以上的动画组合的时候是不是可以呢?答案是肯定的。

这里我们有一个动画组合的功能。CAAnimationGroup,它可以将多个动画效果组合到一起运行。 比如:我们需要将一个图片从A点移动到B点并改变图片的大小。 我们可以看到, 从点A移动到点B是一个动画效果,从原始大小缩放到指定的大小,这又是一个动画效果。 如果我们使用动画组合的话,那么移动以及缩放的动画可以再同一时间段内完成。这里还有另外一种情况,我们还可以分段运行动画,也就是说,我们可以让动画按照指定的顺序运行,而不是同时运行。 如果是按照运行的情况,我们仅仅需要指定 

    //scaleAnim.duration = 5.0f;

    //scaleAnim.beginTime = 5.0f;

这两个参数,需要注意的一点是,分段动画的 Duration 相加之和应该<= CAAnimationGroup 的Duration的值。

PS:我们分别定义这些动画效果的时候,他们之间的定义是彼此不交叉的哦

 

参考代码如下:

连接地址:http://www.cnblogs.com/xiaodao/archive/2012/02/10/2345481.html

//添加图片
imgView = [[UIImageView alloc] initWithImage:[UIImage imageNamed:@"Icon@2x.png"]];
imgView.frame = CGRectMake(100, 100, imgView.frame.size.width, imgView.frame.size.height);
[self.view addSubview:imgView];
[imgView release];

//贝塞尔曲线路径
UIBezierPath *movePath = [UIBezierPath bezierPath];
[movePath moveToPoint:CGPointMake(10.0, 10.0)];
[movePath addQuadCurveToPoint:CGPointMake(100, 300) controlPoint:CGPointMake(300, 100)];

//以下必须导入QuartzCore包
  //关键帧动画(位置)
CAKeyframeAnimation * posAnim = [CAKeyframeAnimation animationWithKeyPath:@"position"];
posAnim.path = movePath.CGPath;
posAnim.removedOnCompletion = YES;

//缩放动画
CABasicAnimation *scaleAnim = [CABasicAnimation animationWithKeyPath:@"transform"];
scaleAnim.fromValue = [NSValue valueWithCATransform3D:CATransform3DIdentity];
scaleAnim.toValue = [NSValue valueWithCATransform3D:CATransform3DMakeScale(0.1, 0.1, 1.0)];
scaleAnim.removedOnCompletion = YES;

//透明动画
CABasicAnimation *opacityAnim = [CABasicAnimation animationWithKeyPath:@"alpha"];
opacityAnim.fromValue = [NSNumber numberWithFloat:1.0];
opacityAnim.toValue = [NSNumber numberWithFloat:0.1];
opacityAnim.removedOnCompletion = YES;

//动画组
CAAnimationGroup *animGroup = [CAAnimationGroup animation];
animGroup.animations = [NSArray arrayWithObjects:posAnim, scaleAnim, opacityAnim, nil];
animGroup.duration = 1;

[imgView.layer addAnimation:animGroup forKey:nil];

 

 

 

----

 

Jason

2014年03月21日