先看下须要用到的属性html
@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,并实现代理java
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 用 懒加载 (点击查看什么是懒加载) ruby
/** * @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]; } }