使用iOS上的动画旋转UIImageView超过180度

时间:2013-11-22 09:36:01

标签: ios iphone objective-c rotation cgaffinetransform

我试图通过旋转超过180度来动态移动仪表,但它不会工作。我使用CGAffineTransform旋转仪表,使用净结果进行旋转。这意味着使用此功能时无法选择CW或CCW旋转。如何修改此代码以使其旋转4弧度。目前,旋转被转换为净结果,使旋转最小化。

[UIView beginAnimations:nil context:NULL];
[UIView setAnimationDuration:1.25]; 
[UIView setAnimationCurve:UIViewAnimationCurveEaseInOut];
CGAffineTransform transform = CGAffineTransformMakeRotation(4);
self.meter.transform = transform;
[UIView commitAnimations];

编辑: 从答案中我设法通过这样做得到它

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

3 个答案:

答案 0 :(得分:0)

您需要使用以下宏将弧度转换为度数:

#define RADIANS_TO_DEGREES(radians) ((radians) * (180.0 / M_PI))

并将值传递给函数:

-(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;
}

答案 1 :(得分:0)

试试这个,只需更改基本属性即可满足您的要求:

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

让我知道它对你有用。

答案 2 :(得分:0)

//在标题前缀

中添加此项
 #define MAXFLOAT    0x1.fffffep+127f

//添加旋转

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

并添加此代码以停止旋转视图

-(void)stopRotate :(UIView *)yourView
{
  [yourView.layer removeAnimationForKey:@"360"];
}