zoukankan      html  css  js  c++  java
  • 转载 iOS开发动画(Animation)图片360度不停旋转

     
    最开始的想法是让旋转的弧度从0到2 * M_PI,  让动画不停的repeat,实验了一下,没有任何效果,系统动画的时候看到0与2 *M_PI是同一起一始点,所以没有效果。

    后来想到一种办法,就是一个变量不断的累加变大,这样影响弧度也随着变化,就达到了圆周运动的效果。

    直接上代码:

    1. -(void) startAnimation  
    2. {  
    3.     [UIView beginAnimations:nil context:nil];  
    4.     [UIView setAnimationDuration:0.01];  
    5.     [UIView setAnimationDelegate:self];  
    6.     [UIView setAnimationDidStopSelector:@selector(endAnimation)];  
    7.     imageView.transform = CGAffineTransformMakeRotation(angle * (M_PI / 180.0f));  
    8.     [UIView commitAnimations];  
    9. }  
    10.   
    11. -(void)endAnimation  
    12. {  
    13.     angle += 10;  
    14.     [self startAnimation];  
    15. }  

    当然你可以用block的方式写也是一样的。
    1. - (void)startAnimation  
    2. {  
    3.     CGAffineTransform endAngle = CGAffineTransformMakeRotation(imageviewAngle * (M_PI / 180.0f));  
    4.       
    5.     [UIView animateWithDuration:0.01 delay:0 options:UIViewAnimationOptionCurveLinear animations:^{  
    6.         imageView.transform = endAngle;  
    7.     } completion:^(BOOL finished) {  
    8.         angle += 10; [self startAnimation];  
    9.     }];  
    10.       
    11. }  

    PS:其中angle是double类型。

    这下就可以360度旋转了。

    还有一种方法:

    1. CABasicAnimation* rotationAnimation;  
    2. rotationAnimation = [CABasicAnimation animationWithKeyPath:@"transform.rotation.z"];  
    3. rotationAnimation.toValue = [NSNumber numberWithFloat: M_PI * 2.0 ];  
    4. rotationAnimation.duration = duration;  
    5. rotationAnimation.cumulative = YES;  
    6. rotationAnimation.repeatCount = repeat;  
    7.   
    8. [_loadingView.layer addAnimation:rotationAnimation forKey:@"rotationAnimation"];  

    reference:https://github.com/jonasschnelli/UIView-i7Rotate360

    更多1
     
  • 相关阅读:
    数据表列名与数据库关键字冲突,在Hibernate下的解决办法
    Ubuntu12.04 MySQL服务器乱码问题的解决办法
    Linux实时将所有输出重定向到文件
    vue Element UI 导航高亮
    Js计算时间差
    Js时间处理
    Vue设置导航栏为公共模块并在登录页不显示
    Vue中表单校验
    Vue中div高度自适应
    Vue引入js、css文件
  • 原文地址:https://www.cnblogs.com/tianlin106/p/3595982.html
Copyright © 2011-2022 走看看