Question

this must have been asked and answered but couldn’t find an answer.

What I’d like to do is basically animating images like

image1 0.1sec
image2 0.3sec
image3 0.2sec
image4 0.5sec

I have looked at CAKeyFrameAnimation but can’t be sure if that’s what I needed.
(have almost none image/animation programming background)

Thank you

Answer 1

CAKeyFrameAnimation is for one object to animate differently in different phases of one animation. For example, your object first moves to a point, then continues the same animation to another point, then one another.

You can use CABasicAnimation with different duration values for each image you want to animate.

CABasicAnimation *anim = [CABasicAnimation animationWithKeyPath:@"position.x"];
anim.delegate = self;
anim.timingFunction = [CAMediaTimingFunction functionWithName:kCAMediaTimingFunctionEaseInEaseOut];
anim.toValue = [NSNumber numberWithFloat:50.0];

anim.duration = 0.1;
[image1 addAnimation:anim forKey:@"position.x"];
anim.duration = 0.3;
[image2 addAnimation:anim forKey:@"position.x"];
anim.duration = 0.2;
[image3 addAnimation:anim forKey:@"position.x"];
anim.duration = 0.5;
[image4 addAnimation:anim forKey:@"position.x"];