[英]Rotating UIImageView more than 180 degrees using animations on iOS
Im trying to animate a moving meter by rotating it more than 180 degrees, but it wont work. 我试图通过将移动仪表旋转180度以上来为其动画,但它无法正常工作。 Im using
CGAffineTransform
to rotate the meter, which uses a net result to make the rotation. 我使用
CGAffineTransform
旋转仪表,后者使用净结果进行旋转。 This means that i cannot choose CW or CCW rotation when using this function. 这意味着使用此功能时,我无法选择CW或CCW旋转。 How can I modified this code to make it rotate 4 radians.
如何修改此代码以使其旋转4弧度。 Currently the rotation is transformed to a net result, making the rotation minimal.
当前,旋转被转换为最终结果,从而使旋转最小。
[UIView beginAnimations:nil context:NULL];
[UIView setAnimationDuration:1.25];
[UIView setAnimationCurve:UIViewAnimationCurveEaseInOut];
CGAffineTransform transform = CGAffineTransformMakeRotation(4);
self.meter.transform = transform;
[UIView commitAnimations];
EDIT: From the answers i managed to get it working by doing this 编辑:从答案我设法做到这一点
[UIView animateWithDuration:1.5 animations:^{
CABasicAnimation *fullRotation;
fullRotation = [CABasicAnimation animationWithKeyPath:@"transform.rotation"];
fullRotation.fromValue = [NSNumber numberWithFloat:0];
fullRotation.toValue = [NSNumber numberWithFloat:((330*M_PI)/180)];
fullRotation.duration = 2.0f;
fullRotation.repeatCount = 1;
fullRotation.timingFunction = [CAMediaTimingFunction functionWithName:kCAMediaTimingFunctionEaseInEaseOut];
fullRotation.fillMode = kCAFillModeForwards;
fullRotation.removedOnCompletion = NO;
// add animation in your view
[self.meter.layer addAnimation:fullRotation forKey:@"330"];
[self performSelector:@selector(stopRotate:) withObject:self.meter afterDelay:2.0];
}];
You need to convert the radian to degree using the following macro: 您需要使用以下宏将弧度转换为度:
#define RADIANS_TO_DEGREES(radians) ((radians) * (180.0 / M_PI))
and pass the value to the function: 并将值传递给函数:
-(UIImage*)rotateImage:(UIImage*)img forAngle:(CGFloat)degree {
UIView *rotatedViewBox = [[UIView alloc]initWithFrame:CGRectMake(0, 0, img.size.width, img.size.height)];
CGAffineTransform t = CGAffineTransformMakeRotation(degree);
rotatedViewBox.transform = t;
CGSize rotatedSize = rotatedViewBox.frame.size;
UIGraphicsBeginImageContext(rotatedSize);
CGContextRef context = UIGraphicsGetCurrentContext();
CGContextTranslateCTM(context, rotatedSize.width, rotatedSize.height);
CGContextRotateCTM(context, radian);
CGContextScaleCTM(context, 1.0, -1.0);
CGContextDrawImage(context, CGRectMake(-img.size.width, -img.size.height, img.size.width, img.size.height), img.CGImage);
UIImage *returnImg = UIGraphicsGetImageFromCurrentImageContext();
UIGraphicsEndImageContext();
return returnImg;
}
Try this, just change the basic properties to match your requirements: 尝试此操作,只需更改基本属性即可满足您的要求:
CATransform3D rotationTransform = CATransform3DMakeRotation(((4) * (180.0 / M_PI)), 0, 0, 1.0);
CABasicAnimation* rotationAnimation;
rotationAnimation = [CABasicAnimation animationWithKeyPath:@"transform"];
rotationAnimation.toValue = [NSValue valueWithCATransform3D:rotationTransform];
rotationAnimation.duration = 0.6f;
rotationAnimation.cumulative = YES;
rotationAnimation.repeatCount = 1;
//Add this two lines
rotationAnimation.fillMode = kCAFillModeForwards;
rotationAnimation.removedOnCompletion = NO;
[self.meter.layer addAnimation:rotationAnimation forKey:@"rotationAnimation"];
Let me know is it works for you. 让我知道这对您有用。
//Add This in header prefix //在标题前缀中添加
#define MAXFLOAT 0x1.fffffep+127f
// add For rotation //添加旋转
[UIView animateWithDuration:1.5 animations:^{
CABasicAnimation *fullRotation;
fullRotation = [CABasicAnimation animationWithKeyPath:@"transform.rotation"];
fullRotation.fromValue = [NSNumber numberWithFloat:0];
fullRotation.toValue = [NSNumber numberWithFloat:(2*M_PI))];
fullRotation.duration =1.0f;
fullRotation.repeatCount = MAXFLOAT;
// add animation in your view
[yourView.layer addAnimation:fullRotation forKey:@"360"];
[self performSelector:@selector(stopRotate:) withObject:yourView afterDelay:1.0];
}];
And Add this code to stop rotation From view 并添加此代码以停止旋转
-(void)stopRotate :(UIView *)yourView
{
[yourView.layer removeAnimationForKey:@"360"];
}
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.