[ios] UIView 무한 360도 회전 애니메이션?

이미지를 끝없이 회전시키는 것만으로도 매우 효과적이며 매우 간단합니다.

NSTimeInterval duration = 10.0f;
CGFloat angle = M_PI / 2.0f;
CGAffineTransform rotateTransform = CGAffineTransformRotate(imageView.transform, angle);

[UIView animateWithDuration:duration delay:0 options:UIViewAnimationOptionRepeat| UIViewAnimationOptionCurveLinear animations:^{
    imageView.transform = rotateTransform;
} completion:nil];

내 경험상 이것은 완벽하게 작동하지만 이미지가 오프셋없이 중심을 중심으로 회전 할 수 있는지 확인하거나 이미지 애니메이션이 PI로 돌아 오면 “점프”합니다.

회전 방향을 변경하려면 부호 angle( angle *= -1)를 변경하십시오 .

업데이트 @AlexPretzlav에 의해 댓글 날이 방문했고, 나는 깨달았다 나는 그것이 비록 이미지가 실제로에만 재설정 후 90도 회전 된 의미,이에게 내가 수직 및 수평 축 모두 함께 미러링 된 회전 된 이미지를 쓴 모습 처럼 계속 회전하고있었습니다.

따라서 이미지가 내 것과 같으면 훌륭하게 작동하지만 이미지가 대칭이 아닌 경우 90도 후에 원래 방향으로 “스냅”되는 것을 볼 수 있습니다.

비대칭 이미지를 회전하려면 허용되는 대답을 사용하는 것이 좋습니다.

아래에 보이는이 덜 우아한 솔루션 중 하나가 이미지를 실제로 회전 시키지만 애니메이션이 다시 시작될 때 눈에 띄는 말더듬이있을 수 있습니다.

- (void)spin
{
    NSTimeInterval duration = 0.5f;
    CGFloat angle = M_PI_2;
    CGAffineTransform rotateTransform = CGAffineTransformRotate(self.imageView.transform, angle);

    [UIView animateWithDuration:duration delay:0 options:UIViewAnimationOptionCurveLinear animations:^{
        self.imageView.transform = rotateTransform;
    } completion:^(BOOL finished) {
        [self spin];
    }];
}

@ richard-j-ross-iii이 제안한 것처럼 블록 으로도이 작업을 수행 할 수 있지만 블록 자체를 캡처하기 때문에 루프 유지 경고가 표시됩니다.

__block void(^spin)() = ^{
    NSTimeInterval duration = 0.5f;
    CGFloat angle = M_PI_2;
    CGAffineTransform rotateTransform = CGAffineTransformRotate(self.imageView.transform, angle);

    [UIView animateWithDuration:duration delay:0 options:UIViewAnimationOptionCurveLinear animations:^{
        self.imageView.transform = rotateTransform;
    } completion:^(BOOL finished) {
        spin();
    }];
};
spin();

답변

extension UIView{
    func rotate() {
        let rotation : CABasicAnimation = CABasicAnimation(keyPath: "transform.rotation.z")
        rotation.toValue = NSNumber(value: Double.pi * 2)
        rotation.duration = 1
        rotation.isCumulative = true
        rotation.repeatCount = Float.greatestFiniteMagnitude
        self.layer.add(rotation, forKey: "rotationAnimation")
    }
}

extension UIView{
    func rotate() {
        let rotation : CABasicAnimation = CABasicAnimation(keyPath: "transform.rotation.z")
        rotation.toValue = NSNumber(double: M_PI * 2)
        rotation.duration = 1
        rotation.cumulative = true
        rotation.repeatCount = FLT_MAX
        self.layer.addAnimation(rotation, forKey: "rotationAnimation")
    }
}

import UIKit

extension UIView {

        func startRotating(duration: CFTimeInterval = 3, repeatCount: Float = Float.infinity, clockwise: Bool = true) {

            if self.layer.animation(forKey: "transform.rotation.z") != nil {
                return
            }

            let animation = CABasicAnimation(keyPath: "transform.rotation.z")
            let direction = clockwise ? 1.0 : -1.0
            animation.toValue = NSNumber(value: .pi * 2 * direction)
            animation.duration = duration
            animation.isCumulative = true
            animation.repeatCount = repeatCount
            self.layer.add(animation, forKey:"transform.rotation.z")
        }

        func stopRotating() {

            self.layer.removeAnimation(forKey: "transform.rotation.z")

        }

    }
}