Animation d'images clés de base (rotation)

Je suis en train de créer un très simple animation avec des images clés, en vertu de laquelle un graphique Tourne d'un angle à l'autre, à travers un milieu.

(Le but est d'être capable d'animer la rotation par l'intermédiaire d'un OBTUS angle de l'arc de PLUS DE 180 DEGRÉS, plutôt que d'avoir de l'animation "tricher" et accédez à la route la plus courte, c'est à dire, via le contraire AIGUË plus petit angle, ce qui peut se produire quand il n'y a qu'un [j'.e, destination] image-clé. Aller le long chemin autour, je suppose que j'ai besoin d'un peu d'image clé à mi-chemin à travers, le long de la souhaité arc.)

Voici ce que j'ai eu jusqu'à présent (ce qui ne veut obtenir le graphique de la rotation désirée, par le plus aigu, angle):

#define DEGREES_TO_RADIANS(__ANGLE__) ((__ANGLE__) / 180.0 * M_PI)

...

[UIView beginAnimations:nil context:nil];
CGAffineTransform cgCTM = CGAffineTransformMakeRotation(DEGREES_TO_RADIANS(desiredEndingAngle));
[UIView setAnimationDuration:0.5];
graphic.transform = cgCTM;
[UIView commitAnimations];

Comme je le comprends, je ne suis pas à la recherche pour l'animation le long d'un Chemin (puisque c'est pour la Traduction, plutôt que de la Rotation) ...

De toute façon, toute aide serait grandement appréciée! Merci à l'avance.

source d'informationauteur

  1. 18

    Pense que je l'ai.

    Voici le code qui le fait (dans cet exemple) une pleine rotation à 270 ° (1.5*pi radians), y compris les divers paramètres qui peuvent être personnalisés en outre:

    CALayer *layer = rotatingImage.layer;
CAKeyframeAnimation *animation;
animation = [CAKeyframeAnimation animationWithKeyPath:@"transform.rotation.z"];
animation.duration = 0.5f;
animation.cumulative = YES;
animation.repeatCount = 1;
animation.values = [NSArray arrayWithObjects:       //i.e., Rotation values for the 3 keyframes, in RADIANS
      [NSNumber numberWithFloat:0.0 * M_PI], 
      [NSNumber numberWithFloat:0.75 * M_PI], 
      [NSNumber numberWithFloat:1.5 * M_PI], nil]; 
animation.keyTimes = [NSArray arrayWithObjects:     //Relative timing values for the 3 keyframes
      [NSNumber numberWithFloat:0], 
      [NSNumber numberWithFloat:.5], 
      [NSNumber numberWithFloat:1.0], nil]; 
animation.timingFunctions = [NSArray arrayWithObjects:
      [CAMediaTimingFunction functionWithName:kCAMediaTimingFunctionEaseIn],    //from keyframe 1 to keyframe 2
      [CAMediaTimingFunction functionWithName:kCAMediaTimingFunctionEaseOut], nil]; //from keyframe 2 to keyframe 3
animation.removedOnCompletion = NO;
animation.fillMode = kCAFillModeForwards;

[layer addAnimation:animation forKey:nil];

    Merci!

  2. 1

    Essayez ceci:

    UIImageView* rotatingImage = [[UIImageView alloc] init]];
[rotatingImage setImage:[UIImage imageNamed:@"someImage.png"]];

CATransform3D rotationTransform = CATransform3DMakeRotation(1.0f * M_PI, 0, 0, 1.0);
CABasicAnimation* rotationAnimation = [CABasicAnimation animationWithKeyPath:@"transform"];

rotationAnimation.toValue = [NSValue valueWithCATransform3D:rotationTransform];
rotationAnimation.duration = 0.25f;
rotationAnimation.cumulative = YES;
rotationAnimation.repeatCount = 1;

[rotatingImage.layer addAnimation:rotationAnimation forKey:@"rotationAnimation"];
  3. 1
    CGMutablePathRef path = CGPathCreateMutable();
CGPathMoveToPoint(path, NULL, 100, 100);
CGPathAddQuadCurveToPoint(path, NULL, 100, 100, 100, 615);
CGPathAddQuadCurveToPoint(path, NULL, 100, 615, 900, 615);
CGPathAddQuadCurveToPoint(path, NULL, 900, 615, 900, 100);
CGPathAddQuadCurveToPoint(path, NULL, 900, 100, 100, 80);
CAKeyframeAnimation *pathAnimation = [CAKeyframeAnimation animationWithKeyPath:@"position"];
pathAnimation.path = path;
pathAnimation.duration = 10.0;
[someLayer addAnimation:pathAnimation forKey:nil];