MJRefresh使用

因为项目内一直使用之前的MJRefresh,今天研究下新的MJRefresh.

1. 普通上下拉刷新

//下拉
 __weak ViewController *weakSelf = self;
MJRefreshNormalHeader *header = [MJRefreshNormalHeader headerWithRefreshingBlock:^{
    [weakSelf.zltableView.mj_header beginRefreshing];
    [weakSelf loadPreMoreData];
}];
//隐藏时间(动画通用)
header.lastUpdatedTimeLabel.hidden = YES;
// 隐藏状态(动画通用)
header.stateLabel.hidden = YES;

//设置文字和字体
[header setTitle:@"拼命加载中啊" forState:MJRefreshStateIdle];//结束瞬间的文字
[header setTitle:@"Release to refresh" forState:MJRefreshStatePulling];//拉起瞬间的文字
[header setTitle:@"Loading ..." forState:MJRefreshStateRefreshing];//正在刷新的文字
// 设置字体
header.stateLabel.font = [UIFont systemFontOfSize:15];header.lastUpdatedTimeLabel.font = [UIFont systemFontOfSize:14];
// 设置颜色
header.stateLabel.textColor = [UIColor redColor];header.lastUpdatedTimeLabel.textColor = [UIColor blueColor];
self.zltableView.mj_header = header;

//上拉类似(使用的类名不同)
MJRefreshAutoNormalFooter
// 变为没有更多数据的状态
[footer endRefreshingWithNoMoreData];

2. 设置动画效果的(注意导入图片数组)

__weak ViewController *weakSelf = self;
MJRefreshGifHeader *header = [MJRefreshGifHeader headerWithRefreshingBlock:^{
                [weakSelf.zltableView.mj_header beginRefreshing];
                [weakSelf loadPreMoreData];
            }];
            // 设置普通状态的动画图片
            NSMutableArray *idleImages = [NSMutableArray array];
            for (NSUInteger i = 1; i<=60; i++) {
                UIImage *image = [UIImage imageNamed:[NSString stringWithFormat:@"dropdown_anim__000%zd", i]];
                [idleImages addObject:image];
            }
            [header setImages:idleImages forState:MJRefreshStateIdle];
            // 设置即将刷新状态的动画图片（一松开就会刷新的状态）
            NSMutableArray *refreshingImages = [NSMutableArray array];
            for (NSUInteger i = 1; i<=3; i++) {
                UIImage *image = [UIImage imageNamed:[NSString stringWithFormat:@"dropdown_loading_0%zd", i]];
                [refreshingImages addObject:image];
            }
            [header setImages:refreshingImages forState:MJRefreshStatePulling];
            // 设置正在刷新状态的动画图片
            [header setImages:refreshingImages forState:MJRefreshStateRefreshing];
            self.zltableView.mj_header = header;


//上拉类似(使用的类名不同)
MJRefreshAutoGifFooter
// 隐藏刷新状态的文字
footer.refreshingTitleHidden = YES;
// 变为没有更多数据的状态
[footer endRefreshingWithNoMoreData];

3. 自定义刷新控件

1. 创建子类继承MJRefreshHeader
//创建你需要的响应控件(不详述)
__weak ViewController *weakSelf = self;
ZLDIYHeader *header = [ZLDIYHeader headerWithRefreshingBlock:^{
                [weakSelf.zltableView.mj_header beginRefreshing];
                [weakSelf loadPreMoreData];
            }];
            
            self.zltableView.mj_header = header;

4. 自动回弹的上下拉

//状态1
self.tableView.mj_footer = [MJRefreshBackNormalFooter footerWithRefreshingTarget:self refreshingAction:@selector(loadMoreData)];


//状态2
MJRefreshBackGifFooter *footer = [MJRefreshBackGifFooter footerWithRefreshingTarget:self refreshingAction:@selector(loadMoreData)];

// 设置普通状态的动画图片
[footer setImages:idleImages forState:MJRefreshStateIdle];
// 设置即将刷新状态的动画图片（一松开就会刷新的状态）
[footer setImages:pullingImages forState:MJRefreshStatePulling];
// 设置正在刷新状态的动画图片
[footer setImages:refreshingImages forState:MJRefreshStateRefreshing];

// 设置尾部
self.tableView.mj_footer = footer;

5. UIWebView的下拉刷新

// 添加下拉刷新控件
self.webView.scrollView.mj_header = [MJRefreshNormalHeader headerWithRefreshingBlock:^{
   // 进入刷新状态后会自动调用这个block
}];

6. 适用于UICollectionView的上下拉

// 下拉刷新
self.collectionView.mj_header = [MJRefreshNormalHeader headerWithRefreshingBlock:^{
   // 进入刷新状态后会自动调用这个block
}];

// 上拉刷新
self.collectionView.mj_footer = [MJRefreshAutoNormalFooter footerWithRefreshingBlock:^{
   // 进入刷新状态后会自动调用这个block
}];

项目内的使用

1. 控制器内添加是否显示上下拉属性
//是否显示山下拉刷新(可以控制是否显示)
@property (nonatomic) BOOL showRefreshHeader;
@property (nonatomic) BOOL showRefreshFooter;
@property (nonatomic, assign) NSInteger pageNo;

2. 重写这两个属性的set方法
#pragma mark - 上下拉刷新方法----
- (void)setShowRefreshHeader:(BOOL)showRefreshHeader
{
    if (_showRefreshHeader != showRefreshHeader) {
        _showRefreshHeader = showRefreshHeader;
        if (_showRefreshHeader) {
            __weak ViewController *weakSelf = self;
            MJRefreshNormalHeader *header = [MJRefreshNormalHeader headerWithRefreshingBlock:^{
                [weakSelf.zltableView.mj_header beginRefreshing];
                [weakSelf loadPreMoreData];
            }];
            self.zltableView.mj_header = header;
        } else{
          self.zltableView.mj_header.hidden = YES;
        }
    }
}

- (void)setShowRefreshFooter:(BOOL)showRefreshFooter
{
    
    if (_showRefreshFooter != showRefreshFooter) {
        _showRefreshFooter = showRefreshFooter;
        if (_showRefreshFooter) {
            __weak ViewController *weakSelf = self;
            MJRefreshBackNormalFooter *footer = [MJRefreshBackNormalFooter footerWithRefreshingBlock:^{
                //开始刷新
                [weakSelf.zltableView.mj_footer beginRefreshing];
                [weakSelf loadMoreData];
            }];
            self.zltableView.mj_footer = footer;
        } else {
            //移除下拉刷新
            self.zltableView.mj_footer.hidden = NO;
        }
    }
}

3. 实现相对应的上下拉方法
- (void)loadPreMoreData {
    _pageNo = 0;
    NSLog(@"上拉刷新加载更多数据,改变page为%ld",_pageNo);
    [self requestMoreData];
}
- (void)loadMoreData {
    _pageNo += 1;
    NSLog(@"下拉刷新加载更多数据,改变page为%ld",_pageNo);
    [self requestMoreData];
}
- (void)requestMoreData {
加载数据
        [self.zltableView.mj_header endRefreshing];
        [self.zltableView.mj_footer endRefreshing];

}```