iOS의 애니메이션 선 애니메이션

Question

iOS에서 선분 개체을 만들고 싶습니다. 시작점과 끝점을 애니메이션으로 만듭니다 (Microsoft의 WPF에서이 작업을 수행 할 수 있습니다).

현재, 나는 스트레치 및 이 변환을 사용하여를 회전 작은 CALayer로 선분 개체를 만듭니다.

+(LayLine*) layLineWithStartPoint:(CGPoint)ptStart andEndPoint:(CGPoint)ptEnd{ 
    LayLine* line = [[LayLine alloc] init]; 
    line.backgroundColor = [UIColor blackColor].CGColor; 
    line.frame = CGRectMake(0,-1,1,2); // Line 1 pixel long and 2 pixel wide line segment 
    line.anchorPoint = CGPointMake(0,0); 

    line.affineTransform = [LayLine affineTransformationForLineSegment:ptStart to:ptEnd]; 
    return line; 
} 

변환을 변경하여이 선분을 애니메이션 할 수 있습니다.

반 가공품이지만 애니메이션에서는 끝점이 직선을 따르지 않으므로 완벽하지는 않습니다. 따라서 애니메이션을 만들 수있는 선분 개체를 만드는 더 좋은 방법이 있는지 궁금합니다.

Answer 1

CAShapeLayer을 사용하고 두 개의 제어점 만 포함하는 CGPath를 만들 수 있습니다. CAShapeLayer 자체의 path 속성은 실제로 (새로운 경로가 같은 수의 포인트를 가진 한) 애니메이션 가능하며 CALayer의 모든 변환 기능을 얻습니다. 그리고 방금 언급 한 Tommy처럼 strokeStart과 strokeEnd으로 재생할 수 있습니다 (lineDashPhase으로 멋지게 움직이는 lineDashPattern도 있습니다.하지만 그럴 필요는 없습니다). this question에서

코드 샘플 :

CAShapeLayer *lineShape = nil; 
CGMutablePathRef linePath = nil; 
linePath = CGPathCreateMutable(); 
lineShape = [CAShapeLayer layer]; 

lineShape.lineWidth = 1.0f; 
lineShape.lineCap = kCALineJoinMiter; 
lineShape.strokeColor = [[UIColor redColor] CGColor]; 

CGPathMoveToPoint(linePath, NULL, x, y); 
CGPathAddLineToPoint(linePath, NULL, toX, toY); 

lineShape.path = linePath; 
CGPathRelease(linePath);