实现loading动画效果

下面我就来罗列三种实现loading动画效果的方法。

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

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

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

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

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

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