बेसिक कीफ्रेम एनीमेशन (रोटेशन)

Question

मैं एक बहुत ही सरल कीफ्रेम एनीमेशन बनाने की कोशिश कर रहा हूं, जिससे एक ग्राफिक एक कोण से दूसरे कोण तक घूमता है, किसी दिए गए मिडपॉइंट के माध्यम से।

(उद्देश्य बल्कि एनीमेशन 'धोखा' और सबसे छोटा मार्ग, यानी जाना की तुलना में एक कुंठित चाप 180 डिग्री, इससे बड़ा के कोण के माध्यम से रोटेशन चेतन करने के लिए सक्षम होने के लिए,, तीव्र है विपरीत के माध्यम से छोटे कोण -। जो जब केवल एक [यानी, गंतव्य]-फ़्रेम भी हो सकता है चारों ओर 'लंबी' रास्ता तय करने के लिए, मुझे लगता है मैं के माध्यम से एक अतिरिक्त मुख्य-फ़्रेम रास्ते के मध्य में की जरूरत है, साथ वांछित चाप मान)

यहाँ है। जो अब तक मिला है (जो सबसे तीव्र कोण के माध्यम से वांछित रोटेशन के लिए ग्राफ़िक प्राप्त करता है):

#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]; 

के रूप में मैं इसे समझते हैं, मैं नहीं एक मार्ग के किनारे एनीमेशन के लिए (न कि रोटेशन से के बाद से है कि अनुवाद के लिए है,) वैसे भी देख रहा हूँ ...

, किसी भी मदद की बहुत सराहना की जाएगी! अग्रिम में धन्यवाद।

Answer 1

सोचो मुझे मिल गया।

यहाँ कोड है जो (इस उदाहरण में) करता है एक पूर्ण 270 डिग्री रोटेशन (1.5 * pi रेडियंस), विभिन्न मापदंडों सहित आगे अनुकूलित किया जा सकता है कि:

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]; 

धन्यवाद!

Answer 2

इस प्रयास करें:

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"]; 

Answer 3

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];