Pause and Resume "Line" growth animation - ios

Question

I have tried so many ways but could not do it smoothly, I am a kind a newB in animations any help would be appreciated.
Code I Tried:
I have the buttons and the labels in need to add in two arrays. eventBtnsPopUpArray and eventLabelsPopUpArray. I try to add them in a loop and the animation is not smooth.
if ([eventBtnsPopUpArray count]>0)
{
CABasicAnimation* scalingAnimation;
scalingAnimation = [CABasicAnimation animationWithKeyPath:#"frame.size"];;
scalingAnimation.fromValue = [NSNumber numberWithFloat:0];
scalingAnimation.toValue = [NSNumber numberWithFloat:1024];
scalingAnimation.duration = 5.0;
scalingAnimation.cumulative = YES;
scalingAnimation.removedOnCompletion = NO;
scalingAnimation.fillMode = kCAFillModeForwards;
[calendarEventView.layer addAnimation:scalingAnimation forKey:#"rotationAnimation"];
for (int k=0; k<[eventBtnsPopUpArray count]; k++)
{
UIButton *btn = [eventBtnsPopUpArray objectAtIndex:0];
UILabel *lbl = [eventLabelsPopUpArray objectAtIndex:0];
[UIView animateWithDuration:2
delay:0
options: UIViewAnimationCurveEaseOut
animations:^{
[self addSubview:btn];
[self addSubview:lbl];
}
completion:^(BOOL finished){
[self pauseLayer:calendarEventView.layer];
[self resumeLayer:calendarEventView.layer];
}
];
}
if (calendarEventView.frame.size.width < 1024) {
[UIView beginAnimations:#"DrawLineTillEnd" context:nil];
[UIView setAnimationDuration:1.0];
[UIView setAnimationCurve:UIViewAnimationCurveEaseInOut];
calendarEventView.frame = CGRectMake(0, 65, 1024, 7);
[UIView commitAnimations];
}
}
//Pause and resume layer functions
-(void)pauseLayer:(CALayer*)layer
{
CFTimeInterval pausedTime = [layer convertTime:CACurrentMediaTime() fromLayer:nil];
layer.speed = 0.0;
layer.timeOffset = pausedTime;
}
-(void)resumeLayer:(CALayer*)layer
{
CFTimeInterval pausedTime = [layer timeOffset];
layer.speed = 1.0;
layer.timeOffset = 0.0;
layer.beginTime = 0.0;
CFTimeInterval timeSincePause =
[layer convertTime:CACurrentMediaTime() fromLayer:nil] - pausedTime;
layer.beginTime = timeSincePause;
}

Answer 1

I don't think you need to use core-animation, just use an NSTimer and adjust the frame (width) of the UIView using a changing variable... A simple conditional statement (if-statement) checking the width can stop it at a certain point and add the first desired UIButton. When clicked this button will change a BOOLEAN which will trigger the code in the NSTimer to continue line-growth until it reaches the next width defined by the next if-statement. etc.

Answer 2

I dont know how you can do this using coreplot or coreanimation but doing this is really simple by view animation
for example
-(void)animateLine{
UILabel *labelObj = [[UiLabel alloc]init];
//Set background image and height of label say 100 pixel
for(int incrementer = 0; incrementer<100; incrementer ++)
{
[UIView beginAnimations:nil context:nil];
[UIView setAnimationDuration:0.01];
[labelObj setFrame:cgRectMake(0,100,incrementer,20)];
[uiview commitAnimation];
}
}