11

位置 1 から位置 2 までの画像に示すように、円弧に沿ってビューをアニメーション化したいと考えています。

ここに画像の説明を入力

実際に起こることは、ビュー アニメーションが弧ではなく完全な円を描くことです。私の質問は次のとおりです。

  1. CGPathAddArcまたはCGPathAddArcToPointを使用する必要がありますか?
  2. ビューの初期位置を記述するためにCGPathMoveToPointを使用する必要がありますか?

コードをステップ実行すると、CGPoints の値は期待どおりになり、角度も同様です。

次の関数を使用して、円の CGPoints を取得します

CGPoint pointOnCircle(CGPoint centre, float radius, float angle)
{
    float x = centre.x + radius * cosf(angle);
    float y = centre.y + radius * sinf(angle);

    return CGPointMake(x, y);
}

私は次のコードとその亜種を使用していますが、まだ解読できていません。

CAKeyframeAnimation *pathAnimation = [CAKeyframeAnimation animationWithKeyPath:@"position"];
pathAnimation.calculationMode = kCAAnimationPaced;
pathAnimation.fillMode = kCAFillModeForwards;
pathAnimation.removedOnCompletion = NO;
pathAnimation.duration = duration;
pathAnimation.repeatCount = 1;

CGPoint viewCenter = dynamicView.objectCenter;
CGMutablePathRef arcPath = CGPathCreateMutable();
//  CGPathMoveToPoint(arcPath, NULL, viewCenter.x, viewCenter.y);

//work out the half way point
float halfwayAngle = dynamicView.angle + (0.5f * self.angleIncrement);
float fullwayAngle = dynamicView.angle + self.angleIncrement;
CGPoint halfwayPoint = pointOnCircle(self.center, self.radius, halfwayAngle);
CGPoint fullwayPoint = pointOnCircle(self.center, self.radius, fullwayAngle);

CGPathAddArc(arcPath, NULL, halfwayPoint.x, halfwayPoint.y, self.radius, dynamicView.angle, fullwayAngle, clockwise);
//    CGPathAddArcToPoint(arcPath, NULL, viewCenter.x, viewCenter.y, fullwayPoint.x, fullwayPoint.y, self.radius);

pathAnimation.path = arcPath;
CGPathRelease(arcPath);

[dynamicView.layer addAnimation:pathAnimation forKey:@"arc"];
4

2 に答える 2