開始点から終了点までラインをアニメーション化する方法

Question

グラフに縦線を描くコードです。

-(void)drawRect:(CGRect)rect 
    {  

      AppDelegate *delegate = (AppDelegate *)[UIApplication sharedApplication].delegate; 

    UIBezierPath *breakFastValuePath = [UIBezierPath bezierPath]; 

    [breakFastValuePath moveToPoint:CGPointMake(89, 288)]; 
     [breakFastValuePath addLineToPoint:CGPointMake(89,288-delegate.breakFastTotalamt)]; 
     [breakFastValuePath closePath]; 
     [[UIColor greenColor] setStroke]; 
     breakFastValuePath.lineWidth = 10; 
     [breakFastValuePath stroke]; 
    } 

開始点から終了点までの線アニメーションを作成するにはどうすればいいですか？

Answer 1

strokeEndを0.0から1.0にアニメートすると、開始から終了までのパスに沿った線が得られます。参照のためにthis question (about drawing a circle in Core Animation)を見てください。

Answer 2

私はあなたが別のアプローチを取る必要があると信じています。 私はあなたに水平線の例を示します、垂直の場合は非常に似ています。

UIView *lineView = [[UIView alloc] initWithFrame: 
        CGRectMake(startX,startY,1,lineThickness)];//Line starts as 1 pixel long. 
//Then you need to animate this inside loadView: 
[UIView animateWithDuration:1//Amount of time the animation takes. 
        delay:0//Amount of time after which animation starts. 
       options: UIViewAnimationCurveEaseOut//How the animation will behave. 
      animations:^{ 
       //here you can either set a CGAffineTransform, or change your view's frame. 
       //Both will work just fine. 
       lineView = CGAffineTransformMakeScale (
       scaleForX,//say 100, Now the line will be a 100 pixels long. 
       scaleForY//say 1, Maintain line thickness.  
       //direction. 
       //Note* you could also set the frame for a similar effect. 
       //view's frame. 
       //lineView.frame = CGRectMake(startX,startY,finalLength,lineThickness) 
      } 
      completion:^(BOOL finished){//This block is called when the animation completes. 
       NSLog(@"Done!"); 
      }];