利用MJRefresh 完成下拉出gif动画刷新

转自:http://www.tuicool.com/articles/v2Qni2

MJRefresh 是一个用法简单的下拉刷新框架，所以用它来完成gif动画的刷新也是很简单。

先看下需要用到的属性

@property (nonatomic,strong) NSArray *datasArray;
@property (nonatomic,strong) UITableView *tableView;
@property (nonatomic,strong) NSMutableArray *refreshImages;//刷新动画的图片数组
@property (nonatomic,strong) NSMutableArray *normalImages;//普通状态下的图片数组
@property (nonatomic,strong) NSTimer *timer;//模拟数据刷新需要的时间控制器
@property (nonatomic,assign) int time;

创建一个TableView,并实现代理

 self.tableView = [[UITableView alloc]init];
[self.view addSubview:self.tableView];
[self.tableView mas_makeConstraints:^(MASConstraintMaker *make) {
  make.top.equalTo(self.view.mas_top).with.offset(30);
  make.left.and.right.equalTo(self.view);
  make.bottom.equalTo(self.view);
}];
self.tableView.delegate = self;
self.tableView.dataSource = self;

然后开始创建下拉刷新的header

MJRefreshGifHeader *header =[MJRefreshGifHeader headerWithRefreshingTarget:self refreshingAction:@selector(loadNewData)];
    [header setImages:self.refreshImages forState:MJRefreshStateRefreshing];
    [header setImages:self.normalImages forState:MJRefreshStateIdle];
    [header setImages:self.refreshImages forState:MJRefreshStatePulling];
    header.lastUpdatedTimeLabel.hidden= YES;//如果不隐藏这个会默认 图片在最左边不是在中间
    header.stateLabel.hidden = YES;
    self.tableView.mj_header = header;

因为gif图片需要一帧一帧图片添加 所以self.refreshImages 是个存储图片的数组，还有normalImages 用 懒加载 （点击查看什么是懒加载）

/**
 *  @author   (๑• . •๑) xiaoqiB, 15-11-24 15:11:06
 *  普通状态下的图片
 */
- (NSMutableArray *)normalImages
{
  if (_normalImages == nil) {
    _normalImages = [[NSMutableArray alloc] init];
    UIImage *image = [UIImage imageNamed:[NSString stringWithFormat:@"dropDown_1"]];
    [self.normalImages addObject:image];
  }
  return _normalImages;
}
//正在刷新状态下的图片
- (NSMutableArray *)refreshImages
{
  if (_refreshImages == nil) {
    _refreshImages = [[NSMutableArray alloc] init];
    //				循环添加图片
    for (NSUInteger i = 1; i<=8; i++) {
      UIImage *image = [UIImage imageNamed:[NSString stringWithFormat:@"dropDown_%ld", i]];
      [self.refreshImages addObject:image];
    }
  }
  return _refreshImages;
}

下面是刷新时 需要调用的方法，本应是获取网路数据的方法，并在获取到网络数据时或者获取失败时，停止刷新

-(void)loadNewData {
  //模拟刷新的时间
  self.timer  =[NSTimer scheduledTimerWithTimeInterval:1.0 target:self selector:@selector(timeAction) userInfo:nil repeats:YES];
  self.time = 3;
}
-(void)timeAction {
  self.time --;
  NSLog(@"%d",self.time);
  if (self.time == 0) {
    //		刷新数据
    [_tableView reloadData];
    //		停止刷新
    [_tableView.mj_header endRefreshing];
    [self.timer invalidate];
  }
}

最后完成效果图