Hoạt ảnh cơ bản về khung hình chính (xoay)

Question

Tôi đang cố gắng tạo hoạt ảnh khung hình rất đơn giản, nhờ đó đồ họa Xoay từ góc này sang góc khác, thông qua một điểm giữa nhất định.

(Mục đích là để có thể để animate xoay qua một tù góc hồ quang LỚN HƠN 180 DEGREES, thay vì phải các hình ảnh động 'lừa' và đi con đường ngắn nhất, tức là thông qua đối diện , CẤP TÍNH góc nhỏ hơn - có thể xảy ra khi chỉ có một khung chính [tức là đích]. Để đi theo chiều dài '' xung quanh, tôi giả sử tôi cần thêm một khung hình chính ở giữa, dọc theo mong muốn arc.)

Đây là những gì tôi đã có cho đến nay (mà không có được đồ họa để xoay mong muốn, thông qua các góc độ cấp tính nhất):

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

Theo tôi được biết, tôi không tìm kiếm hình ảnh động dọc theo một con đường (vì đó là cho dịch, chứ không phải là Rotation) ...

Dù sao, bất kỳ trợ giúp sẽ được đánh giá rất cao! Cảm ơn trước.

Answer 1

suy nghĩ tôi đã có nó.

Dưới đây là mã mà không (trong ví dụ này) đầy đủ 270 DEGREE xoay (radian 1,5 * pi), bao gồm các thông số khác nhau có thể được tùy chỉnh thêm:

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

Cảm ơn!

Answer 2

Hãy thử điều này:

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