는 CGPath

Question

의 그림 부분에 애니메이션을 어떻게 다음과 같은 시나리오를 접근 할 내가 첨부 한 이미지와 같은 애니메이션을 추가하기 위해이 지워진 영역은 사각형 패스 주위를 계속 움직입니다. 그래야 계속해서 그려지는 사각형의 시각적 효과를 얻을 수 있습니다. [오래된 뱀 게임에서 뱀의 움직임]

나는 CABasicAnimation을 사용하여 애니메이트를 시도했지만 문자 그대로 아무 것도 얻을 수 없었습니다. 미리 감사드립니다.

Answer 1

strokeStart와 strokeEnd를 모두 애니메이트하고 CAAnimationGroup을 사용하여 동시에 발생 시키십시오.

나는 이것을 link과 유사하지만 신속하게 발견했습니다. 나는 그것이 도움이 될 것 같아요.

할 수 없다면 구현하려고합니다. 하지만 지금 당장은 할 수 없어요.

해피 코딩.

Answer 2

이 코드를 사용하면 유용 할 수 있습니다.

UIBezierPath *drawablePath = [UIBezierPath bezierPathWithRect:CGRectMake(100.0, 100.0, 150.0, 100.0)]; 
    CAShapeLayer *squareLayer = [[CAShapeLayer alloc] init]; 
    squareLayer.path = drawablePath.CGPath; 
    squareLayer.strokeColor = [UIColor redColor].CGColor; 
    squareLayer.lineWidth = 5.f; 
    squareLayer.fillColor = [UIColor clearColor].CGColor; 
    squareLayer.strokeEnd = 1.f; 
    //squareLayer.strokeEnd = 0.9; // this line use draw half line but some animation issue. 
    [self.view.layer addSublayer:squareLayer]; 

    CABasicAnimation *drawAnimation = [CABasicAnimation animationWithKeyPath:@"strokeEnd"]; 
    drawAnimation.fromValue = (id)[NSNumber numberWithFloat:0.10]; 
    drawAnimation.toValue = (id)[NSNumber numberWithFloat:1.f]; 
    drawAnimation.duration = 5.f; 
    drawAnimation.timingFunction = [CAMediaTimingFunction functionWithName:kCAMediaTimingFunctionLinear]; 
    [squareLayer addAnimation:drawAnimation forKey:@"drawRectStroke"]; 

이 코드는 애니메이션으로 사각형을 그리는 데 사용됩니다.