利用MJRefresh 完成下拉出gif动画刷新 - 快车库

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];
    }
}

最后完成效果图