不停旋转的图片

最新推荐文章于 2023-06-20 16:03:14 发布

showjoy_mobile

最新推荐文章于 2023-06-20 16:03:14 发布

阅读量693

点赞数

分类专栏： iOS 文章标签：动画图片 360

本文链接：https://blog.csdn.net/showjoy_mobile/article/details/51035906

版权

iOS 专栏收录该内容

3 篇文章 0 订阅

订阅专栏

问题描述

最近要做一个图片360°不停旋转的功能，最初想到的便是是用UIView封装的动画来做。但是设置了0到2π的动画，让它不停的旋转，但是问题出现了，设置了之后它为什么不会动呢？原来UIView的动画是从起始位置和结束为止进行计算，然后进行补间，但是0和2πUIView封装动画认为它是一个位置，所以就没有任何补间出现！

解决方案

网上搜索了一下，大致有两种思路，一种是先让它旋转一定的角度，然后重复调用，一直旋转下去，另外一种是CoreAnimation来实现，总体上还是比较简单的

1.旋转一定的角度，重复调用
1.1

-(void) startAnimation  
{  
    [UIView beginAnimations:nil context:nil];  
    [UIView setAnimationDuration:0.01];  
    [UIView setAnimationDelegate:self];  
    [UIView setAnimationDidStopSelector:@selector(endAnimation)];  
    imageView.transform = CGAffineTransformMakeRotation(angle * (M_PI / 180.0f));  
    [UIView commitAnimations];  
}  

-(void)endAnimation  
{  
    angle += 10;  
    [self startAnimation];  
}

1.2

- (void)startAnimation  
{  
    CGAffineTransform endAngle = CGAffineTransformMakeRotation(imageviewAngle * (M_PI / 180.0f));  

    [UIView animateWithDuration:0.01 delay:0 options:UIViewAnimationOptionCurveLinear animations:^{  
        imageView.transform = endAngle;  
    } completion:^(BOOL finished) {  
        angle += 10;
        [self startAnimation];  
    }];  

}

2.CoreAnimation实现方法

CABasicAnimation* rotationAnimation;  
rotationAnimation = [CABasicAnimation animationWithKeyPath:@"transform.rotation.z"];  
rotationAnimation.toValue = [NSNumber numberWithFloat: M_PI * 2.0 ];  
rotationAnimation.duration = duration;  
rotationAnimation.cumulative = YES;  
rotationAnimation.repeatCount = repeat;
[_loadingView.layer addAnimation:rotationAnimation forKey:@"rotationAnimation"];