最近在整合项目的过程中对MJRefresh这个框架进行了详细的查看。并记录了下常规操作下的使用。
1常规使用
一般在项目中我们只需要直接引用mj就可以满足我们的上拉刷新、下拉加载的需求。
MJRefreshNormalHeader *customRef = [MJRefreshNormalHeader headerWithRefreshingBlock:^{
//下拉刷新
self.pageIndex=1;
[self refrshDataMessage:self.pageIndex isDown:YES];
}];
/*
//1.2.3 自定义刷新状态文字
[customRef setTitle:@"普通闲置状态" forState:MJRefreshStateIdle];
[customRef setTitle:@"松开凡哥替您刷新" forState:MJRefreshStatePulling];
[customRef setTitle:@"凡哥正在刷新中。。。" forState:MJRefreshStateRefreshing];
[customRef setTitle:@"凡哥准备好刷新" forState:MJRefreshStateWillRefresh];
[customRef setTitle:@"所有数据加载完毕，没有更多的数据了" forState:MJRefreshStateNoMoreData];
//一些其他属性设置
// 设置字体
customRef.stateLabel.font = [UIFont systemFontOfSize:15];
customRef.lastUpdatedTimeLabel.font = [UIFont systemFontOfSize:14];
// 设置颜色
customRef.stateLabel.textColor = [UIColor redColor];
customRef.lastUpdatedTimeLabel.textColor = [UIColor blueColor];
// 隐藏时间
customRef.lastUpdatedTimeLabel.hidden = YES;
// 隐藏状态
// customRef.stateLabel.hidden = YES;
// 设置自动切换透明度(在导航栏下面自动隐藏)
customRef.automaticallyChangeAlpha = YES;
*/
self.tableView.mj_header= customRef;
self.tableView.mj_footer = [MJRefreshAutoNormalFooter footerWithRefreshingBlock:^{
//上拉加载
self.pageIndex++;
[self refrshDataMessage:self.pageIndex isDown:NO];
}];
/*
******pageIndex 当前页数
******isDown 下拉还是上拉
*/
-(void)refrshDataMessage:(NSInteger)pageIndex isDown:(BOOL)isDown{
NSString * urlStr = @"结口url";
NSString * pageStr = [NSString stringWithFormat:@"%ld",self.pageIndex];
NSDictionary* param =@{@"p":pageStr};
WEAKSELF();
[NetManagerpostUrl:urlStrparameter:paramsucceed:^(idBackData) {
if([BackData[@"status"]integerValue] ==1) {
if(isDown) {
//下拉刷新
[weakSelf.dataArrayremoveAllObjects];
weakSelf.dataArray= [ZF_modelmj_objectArrayWithKeyValuesArray:BackData[@"result"][@"enjoy"]];
[weakSelf.tableView.mj_headerendRefreshing];
}else{
//上拉加载
NSArray* array = [NSMutableArraynew];
array = [ZF_modelmj_objectArrayWithKeyValuesArray:BackData[@"result"][@"hot_goods"]];
if(!ArrayIsEmpty(array)) {
//上拉有数据
[weakSelf.dataArrayaddObjectsFromArray:array];
[weakSelf.tableView.mj_footerendRefreshing];
}else{
//下拉没有数据了
[weakSelf.tableView.mj_footer endRefreshingWithNoMoreData];
}
}
[weakSelf.tableViewreloadData];
}else{
if(! isDown) {
weakSelf.pageIndex--;
}
}
}failed:^(NSError*error) {
[weakSelf.tableView.mj_header endRefreshing];
[weakSelf.tableView.mj_footerendRefreshing];
}];
}
2.自定义动画刷新效果
在项目有时候需要自定义动画的效果。这个时候我的做法是自定义ZF_MJGifHeader继承MJRefreshGifHeader。然后重写父类的方法。如下：
#pragma mark - 重写父类的方法
- (void)prepare{
[superprepare];
// 设置普通状态的动画图片
NSMutableArray *idleImages = [NSMutableArray array];
for(NSUIntegeri =1; i<=60; i++) {
UIImage *image = [UIImage imageNamed:[NSString stringWithFormat:@"zf__000%zd", i]];
[idleImagesaddObject:image];
}
[self setImages:idleImages forState:MJRefreshStateIdle];
// 设置即将刷新状态的动画图片（一松开就会刷新的状态）
NSMutableArray *refreshingImages = [NSMutableArray array];
for(NSUIntegeri =1; i<=3; i++) {
UIImage *image = [UIImage imageNamed:[NSString stringWithFormat:@"zf_loading_0%zd", i]];
[refreshingImagesaddObject:image];
}
[self setImages:refreshingImages forState:MJRefreshStatePulling];
// 设置正在刷新状态的动画图片
[self setImages:refreshingImages forState:MJRefreshStateRefreshing];
//隐藏时间
self.lastUpdatedTimeLabel.hidden = YES;
//隐藏状态
self.stateLabel.hidden = YES;
}
//如果需要自己重新布局子控件
- (void)placeSubviews{
[super placeSubviews];
//如果需要自己重新布局子控件，请在这里设置
//箭头
// self.arrowView.center =
}
然后在需要的界面导入头文件，进行调用即可。
self.tableView.mj_header = [ZF_MJGifHeader headerWithRefreshingBlock:^{
//下拉刷新
self.pageIndex=1;
[self refrshDataMessage:self.pageIndex isDown:YES];
}];
这就是很基本的MJRefresh刷新动画的效果。
网友评论