UIView Infini rotation de 360 degrés de l'animation?

Bravo à Richard J. Ross III pour l'idée, mais j'ai trouvé que son code n'était pas tout à fait ce dont j'avais besoin. La valeur par défaut pour options, je crois, est de vous donner UIViewAnimationOptionCurveEaseInOut, qui ne regarde pas droit dans une animation continue. Aussi, j'ai ajouté une case pour que je puisse arrêter mon animation à un même quart de tour si j'avais besoin (ne pas infini, mais de indéterminée durée), et la rampe d'accélération pendant les 90 premiers degrés, et à ralentir pendant les 90 derniers degrés (après un arrêt a été demandé):

//an ivar for your class:
BOOL animating;

- (void)spinWithOptions:(UIViewAnimationOptions)options {
   //this spin completes 360 degrees every 2 seconds
   [UIView animateWithDuration:0.5
                         delay:0
                       options:options
                    animations:^{
                       self.imageToMove.transform = CGAffineTransformRotate(imageToMove.transform, M_PI / 2);
                    }
                    completion:^(BOOL finished) {
                       if (finished) {
                          if (animating) {
                             //if flag still set, keep spinning with constant speed
                             [self spinWithOptions: UIViewAnimationOptionCurveLinear];
                          } else if (options != UIViewAnimationOptionCurveEaseOut) {
                             //one last spin, with deceleration
                             [self spinWithOptions: UIViewAnimationOptionCurveEaseOut];
                          }
                       }
                    }];
}

- (void)startSpin {
   if (!animating) {
      animating = YES;
      [self spinWithOptions: UIViewAnimationOptionCurveEaseIn];
   }
}

- (void)stopSpin {
    //set the flag to stop spinning after one last 90 degree increment
    animating = NO;
}

Mise à jour

J'ai ajouté la possibilité de gérer les demandes de commencer à tourner à nouveau (startSpin), tandis que le tour précédent est d'enroulement vers le bas (achèvement des travaux). Exemple de projet ici sur Github.

OriginalL'auteur Nate

Nate réponse ci-dessus est idéal pour démarrer et arrêter l'animation et donne un meilleur contrôle. J'ai été intrigué pourquoi le vôtre ne fonctionne pas et sa ne. Je voulais partager mes découvertes ici et une version simplifiée du code qui devra animer une UIView en continu sans caler.

C'est le code que j'ai utilisé,

- (void)rotateImageView
{
    [UIView animateWithDuration:1 delay:0 options:UIViewAnimationOptionCurveLinear animations:^{
        [self.imageView setTransform:CGAffineTransformRotate(self.imageView.transform, M_PI_2)];
    }completion:^(BOOL finished){
        if (finished) {
            [self rotateImageView];
        }
    }];
}

J'ai utilisé "CGAffineTransformRotate' au lieu de 'CGAffineTransformMakeRotation" parce que le premier renvoie le résultat est enregistré en tant que l'animation s'exécute. Cela permettra d'éviter le saut ou la réinitialisation de la vue au cours de l'animation.

Une autre chose est de ne pas utiliser 'UIViewAnimationOptionRepeat' parce qu'à la fin de l'animation avant qu'il ne commence à répéter, il réinitialise le transformer en rendant la vue à revenir à sa position d'origine. Au lieu de répéter, vous répète donc que la transformation n'est jamais remis à zéro à la valeur d'origine parce que le bloc d'animation pratiquement ne se termine jamais.

Et la dernière chose est, vous avez à transformer l'affichage par incréments de 90 degrés (M_PI /2) au lieu de 360 ou de 180 degrés (2*M_PI ou M_PI). Parce que la transformation se produit comme une multiplication de matrice de valeurs sinus et cosinus.

t' =  [ cos(angle) sin(angle) -sin(angle) cos(angle) 0 0 ] * t

Donc, dire que si vous utilisez à 180 degrés sur la transformation, le cosinus de 180 rendements -1 faire de la transformation de la vue dans la direction opposée à chaque fois (Note-Nate réponse sera également avoir ce problème si vous modifiez le radian valeur de la transformation de M_PI). Une vision à 360 degrés de transformation est de simplement demander l'avis de rester où il était, par conséquent, vous ne voyez pas tout de rotation.

OriginalL'auteur ram

Ma contribution avec une rapide Extension de l'objet de la solution :

Swift 4.0

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")
    }
}

Obsolète :

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")
    }
}

OriginalL'auteur Kevin ABRIOUX

J'ai trouvé sympa de code dans cet référentiel,

Voici le code que j'ai fait des petites modifications en fonction de mon besoin de vitesse 🙂

UIImageView+Rotation.h

#import <Foundation/Foundation.h>

@interface UIImageView (Rotate)
- (void)rotate360WithDuration:(CGFloat)duration repeatCount:(float)repeatCount;
- (void)pauseAnimations;
- (void)resumeAnimations;
- (void)stopAllAnimations;
@end

UIImageView+Rotation.m

#import <QuartzCore/QuartzCore.h>
#import "UIImageView+Rotate.h"
@implementation UIImageView (Rotate)
- (void)rotate360WithDuration:(CGFloat)duration repeatCount:(float)repeatCount
{
CABasicAnimation *fullRotation;
fullRotation = [CABasicAnimation animationWithKeyPath:@"transform.rotation"];
fullRotation.fromValue = [NSNumber numberWithFloat:0];
//fullRotation.toValue = [NSNumber numberWithFloat:(2*M_PI)];
fullRotation.toValue = [NSNumber numberWithFloat:-(2*M_PI)]; //added this minus sign as i want to rotate it to anticlockwise
fullRotation.duration = duration;
fullRotation.speed = 2.0f;              //Changed rotation speed
if (repeatCount == 0)
fullRotation.repeatCount = MAXFLOAT;
else
fullRotation.repeatCount = repeatCount;
[self.layer addAnimation:fullRotation forKey:@"360"];
}
//Not using this methods :)
- (void)stopAllAnimations
{
[self.layer removeAllAnimations];
};
- (void)pauseAnimations
{
[self pauseLayer:self.layer];
}
- (void)resumeAnimations
{
[self resumeLayer:self.layer];
}
- (void)pauseLayer:(CALayer *)layer
{
CFTimeInterval pausedTime = [layer convertTime:CACurrentMediaTime() fromLayer:nil];
layer.speed = 0.0;
layer.timeOffset = pausedTime;
}
- (void)resumeLayer:(CALayer *)layer
{
CFTimeInterval pausedTime = [layer timeOffset];
layer.speed = 1.0;
layer.timeOffset = 0.0;
layer.beginTime = 0.0;
CFTimeInterval timeSincePause = [layer convertTime:CACurrentMediaTime() fromLayer:nil] - pausedTime;
layer.beginTime = timeSincePause;
}
@end

OriginalL'auteur Dilip

C'était pour moi:

[UIView animateWithDuration:1.0
animations:^
{
self.imageView.transform = CGAffineTransformMakeRotation(M_PI);
self.imageView.transform = CGAffineTransformMakeRotation(0);
}];

OriginalL'auteur inigo333

David Rysanek est génial de réponse mis à jour à Swift 4:

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")
}   
}
}

OriginalL'auteur Geoff H

Si quelqu'un voulait s'solution, mais dans swift, puis ici, c'est une ébauche de swift traduction:

class SomeClass: UIViewController {
var animating : Bool = false
@IBOutlet weak var activityIndicatorImage: UIImageView!
func startSpinning() {
if(!animating) {
animating = true;
spinWithOptions(UIViewAnimationOptions.CurveEaseIn);
}
}
func stopSpinning() {
animating = false
}
func spinWithOptions(options: UIViewAnimationOptions) {
UIView.animateWithDuration(0.5, delay: 0.0, options: options, animations: { () -> Void in
let val : CGFloat = CGFloat((M_PI / Double(2.0)));
self.activityIndicatorImage.transform = CGAffineTransformRotate(self.activityIndicatorImage.transform,val)
}) { (finished: Bool) -> Void in
if(finished) {
if(self.animating){
self.spinWithOptions(UIViewAnimationOptions.CurveLinear)
} else if (options != UIViewAnimationOptions.CurveEaseOut) {
self.spinWithOptions(UIViewAnimationOptions.CurveEaseOut)
}
}
}
}
override func viewDidLoad() {
startSpinning()
}
}

OriginalL'auteur Adrian_H

C'est comment j'ai effectuer une rotation de 360 dans la bonne direction.

[UIView animateWithDuration:1.0f delay:0.0f options:UIViewAnimationOptionRepeat|UIViewAnimationOptionCurveLinear
animations:^{
[imageIndView setTransform:CGAffineTransformRotate([imageIndView transform], M_PI-0.00001f)];
} completion:nil];

OriginalL'auteur Pavel

Créer l'animation

- (CABasicAnimation *)spinAnimationWithDuration:(CGFloat)duration clockwise:(BOOL)clockwise repeat:(BOOL)repeats
{
CABasicAnimation *anim = [CABasicAnimation animationWithKeyPath:@"transform.rotation.z"];
anim.toValue = clockwise ? @(M_PI * 2.0) : @(M_PI * -2.0);
anim.duration = duration;
anim.cumulative = YES;
anim.repeatCount = repeats ? CGFLOAT_MAX : 0;
return anim;
}

L'ajouter à une vue comme

CABasicAnimation *animation = [self spinAnimationWithDuration:1.0 clockwise:YES repeat:YES];
[self.spinningView.layer addAnimation:animation forKey:@"rotationAnimation"];

Comment est cette réponse différente? Vous aurez façon plus propre code si la plupart de vos fonctions renvoie des objets au lieu de simplement la manipulation de certains objets ici et là.

OriginalL'auteur hfossli

Il existe différents moyens pour effectuer des 360 degrés de l'animation avec UIView.

À L'Aide De CABasicAnimation

var rotationAnimation = CABasicAnimation()
rotationAnimation = CABasicAnimation.init(keyPath: "transform.rotation.z")
rotationAnimation.toValue = NSNumber(value: (Double.pi))
rotationAnimation.duration = 1.0
rotationAnimation.isCumulative = true
rotationAnimation.repeatCount = 100.0
view.layer.add(rotationAnimation, forKey: "rotationAnimation")

Voici une extension des fonctions de UIView qui gère le start & stop de rotation des opérations:

extension UIView {
//Start rotation
func startRotation() {
let rotation = CABasicAnimation(keyPath: "transform.rotation.z")
rotation.fromValue = 0
rotation.toValue = NSNumber(value: Double.pi)
rotation.duration = 1.0
rotation.isCumulative = true
rotation.repeatCount = FLT_MAX
self.layer.add(rotation, forKey: "rotationAnimation")
}
//Stop rotation
func stopRotation() {
self.layer.removeAnimation(forKey: "rotationAnimation")
}
}

Maintenant, en utilisant, UIView.animation fermeture:

UIView.animate(withDuration: 0.5, animations: { 
view.transform = CGAffineTransform(rotationAngle: (CGFloat(Double.pi)) 
}) { (isAnimationComplete) in
//Animation completed 
}

OriginalL'auteur Krunal

Swift 4,

func rotateImage(image: UIImageView) {
UIView.animate(withDuration: 1, animations: {
image.transform = CGAffineTransform(rotationAngle: CGFloat.pi)
image.transform = CGAffineTransform.identity
}) { (completed) in
self.rotateImage()
}
}

Ref

OriginalL'auteur Zaid Pathan

Swift 3 :

 var rotationAnimation = CABasicAnimation()
rotationAnimation = CABasicAnimation.init(keyPath: "transform.rotation.z")
rotationAnimation.toValue = NSNumber(value: (M_PI * 2.0))
rotationAnimation.duration = 2.0
rotationAnimation.isCumulative = true
rotationAnimation.repeatCount = 10.0
view.layer.add(rotationAnimation, forKey: "rotationAnimation")

OriginalL'auteur Deepak Carpenter

Je pense que vous devriez mieux ajouter un UIVIew Catégorie:

#import <QuartzCore/QuartzCore.h>
#import "UIView+Rotate.h"

De Mise En Œuvre De UIView (Tourner)

• (void)remrotate360WithDuration:(CGFloat)duration repeatCount: (float)repeatCount
  {
  CABasicAnimation *fullRotation;
  fullRotation = [CABasicAnimation animationWithKeyPath:@"transform.rotation"];
  fullRotation.fromValue = [NSNumber numberWithFloat:0];
  fullRotation.toValue = [NSNumber numberWithFloat:(2*M_PI)];
  //fullRotation.toValue = [NSNumber numberWithFloat:-(2*M_PI)]; //added this minus sign as i want to rotate it to anticlockwise
  fullRotation.duration = duration;
  fullRotation.speed = 2.0f; //Changed rotation speed
  if (repeatCount == 0)
  fullRotation.repeatCount = MAXFLOAT;
  else
  fullRotation.repeatCount = repeatCount;
  [self.layer addAnimation:fullRotation forKey:@"360"];
  }

Pas à l'aide de cette méthode 🙂

• (void)remstopAllAnimations
  {
  [self.layer removeAllAnimations];
  };

• (void)rempauseAnimations
  {
  [self rempauseLayer:self.layer];
  }

• (void)remresumeAnimations
  {
  [self remresumeLayer:self.layer];
  }

• (void)rempauseLayer:(CALayer *)layer
  {
  CFTimeInterval pausedTime = [layer convertTime:CACurrentMediaTime() fromLayer:nil];
  layer.speed = 0.0;
  layer.timeOffset = pausedTime;
  }

• (void)remresumeLayer:(CALayer *)layer
  {
  CFTimeInterval pausedTime = [layer timeOffset];
  layer.speed = 1.0;
  layer.timeOffset = 0.0;
  layer.beginTime = 0.0;
  CFTimeInterval timeSincePause = [layer convertTime:CACurrentMediaTime() fromLayer:nil] - pausedTime;
  layer.beginTime = timeSincePause;
  }

OriginalL'auteur Zgpeace