先看下須要用到的屬性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]; } }