码迷,mamicode.com
首页 > 移动开发 > 详细

ios开发之简单实现loading动画效果

时间:2017-01-14 16:04:37      阅读:233      评论:0      收藏:0      [点我收藏+]

标签:自己   定时器   方式   content   效果   动画效果   ons   ssi   res   

最近有朋友问我类似微信语音播放的喇叭动画和界面图片加载loading界面是怎样实现的,是不是就是一个gif图片呢!我的回答当然是否定了,当然不排除也有人用gif图片啊!下面我就来罗列三种实现loading动画效果的方法。

方法一:使用UIImageView自带的方法来实现,这也是我推荐的实现方法。

NSMutableArray *array = [[NSMutableArray alloc] initWithObjects:[UIImage imageNamed:@"1.png"],[UIImage imageNamed:@"2.png"],[UIImage imageNamed:@"3.png"],[UIImage imageNamed:@"4.png"],[UIImage imageNamed:@"5.png"], nil nil];  

  1.   
  2. UIImageView *imageView = [[UIImageView alloc] initWithFrame:CGRectMake(100, 200, 80, 30)];  
  3.   
  4. imageView.animationImages = array; //动画图片数组  
  5. imageView.animationDuration = 2; //执行一次完整动画所需的时长  
  6. //    gifImageView.animationRepeatCount = 0;  //动画重复次数 0表示无限次,默认为0  
  7. [imageView startAnimating];  
  8. [self.view addSubview:imageView];  

方法二:使用UIImageView+NSTimer(定时器)来实现,如果没有猜错的话,第一种方式内部的实现方法也是使用了定时器,只不过我们第二种方法是自己DIY一个属于自己的

控件,自己想要扩展什么功能就扩展什么。

  1. #import <UIKit/UIKit.h>  
  2.   
  3. @interface imageAnimation : UIImageView  
  4.   
  5. @property (strong, nonatomic) NSTimer *animation_timer;  
  6.   
  7. @property (strong, nonatomic) NSMutableArray *imageArray;  
  8.   
  9. @property (assign) int currentIndex;  
  10.   
  11. @property (assign) float interval;  
  12. - (void)startLoading;  
  13.   
  14. - (void)stopLoading;  
  15.   
  16. - (void)initLoadingView:(NSMutableArray *)imageArray timeInterval:(float)time;  
  17.   
  18. @end  

#import "imageAnimation.h"  

  1.   
  2. @implementation imageAnimation  
  3. @synthesize animation_timer = _animation_timer;  
  4. @synthesize imageArray = _imageArray;  
  5. @synthesize currentIndex = _currentIndex;  
  6. @synthesize interval = _interval;  
  7.   
  8.   
  9. - (id)initWithFrame:(CGRect)frame  
  10. {  
  11.     self = [super initWithFrame:frame];  
  12.     if (self) {  
  13.         // Initialization code  
  14.           
  15.     }  
  16.     return self;  
  17. }  
  18.   
  19. /* 
  20. // Only override drawRect: if you perform custom drawing. 
  21. // An empty implementation adversely affects performance during animation. 
  22. - (void)drawRect:(CGRect)rect 
  23.     // Drawing code 
  24. */  
  25.   
  26. - (void)initLoadingView:(NSMutableArray *)imageArray timeInterval:(float)time{  
  27.     self.imageArray = imageArray;  
  28.     self.interval = time;  
  29.       
  30.     self.animation_timer = [NSTimer scheduledTimerWithTimeInterval:self.interval target:self selector:@selector(startLoading) userInfo:nil repeats:YES];  
  31. }  
  32.   
  33. //开始loading  
  34. - (void)startLoading{  
  35.     if(!self.imageArray || self.imageArray.count < 1){  
  36.         [self.animation_timer invalidate];  
  37.         return;  
  38.     }  
  39.       
  40.     self.currentIndex = (self.currentIndex +1)%self.imageArray.count;  
  41.     self.image = [UIImage imageNamed:[self.imageArray objectAtIndex:self.currentIndex]];  
  42. }  
  43.   
  44. //结束loading  
  45. -(void)stopLoading{  
  46.     [self.animation_timer invalidate];  
  47. }  
  48.   
  49.   
  50. @end  


方法三:使用UIWebView来加载gif图片,除非你要用到webView,不然就不要使用这种方式来实现

  1. NSData *gif = [NSData dataWithContentsOfFile: [[NSBundle mainBundle] pathForResource:@"1" ofType:@"gif"]];  
  2. // view生成  
  3. UIWebView *webView = [[UIWebView alloc] initWithFrame:CGRectMake(100, 100, 70, 30)];  
  4. webView.userInteractionEnabled = NO;//用户不可交互  
  5. [webView loadData:gif MIMEType:@"image/gif" textEncodingName:nil baseURL:nil];  
  6. [self.view addSubview:webView];  

 

 


以上就是三种方法实现播放动画的过程,记住使用的时候要注意释放内存,不然开销就会很大!若大家有什么问题,或更好的方法,欢迎大家跟我交流。

ios开发之简单实现loading动画效果

标签:自己   定时器   方式   content   效果   动画效果   ons   ssi   res   

原文地址:http://www.cnblogs.com/sunfuyou/p/6285397.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!