美文网首页iOS学习
tableview复用引起的MJRefresh不刷新问题

tableview复用引起的MJRefresh不刷新问题

作者: 苏东没有坡 | 来源:发表于2017-07-14 13:59 被阅读0次

    正在刷新状态下切换页面不刷新。
    首先说说场景,如图1所示的 segmentedControl 对应了page1,page2,page3三个页面,三个页面复用了一个tableview,三个页面各自对应着一个请求
    1)requestPage1Data
    2)requestPage2Data
    3)requestPage3Data

    图1

    出现bug的操作是,在page1下拉刷新的状态下,迅速点击page3,如图2,
    page1切换page3的时候没有加载数据,再次下拉刷新才显示出来。

    图2

    之所以出现这样的情况,是因为MJRefresh提供了一个机制,当tableview处于刷新状态时再执行beginRefreshing方法,并不会触发其绑定的刷新方法。所以我虽然执行了beginRefreshing,但是没有触发headerRefresh刷新。
    解决办法就是在执行beginRefreshing之前,将刷新状态恢复到闲置状态[self.tableView.mj_header setState:MJRefreshStateIdle];

    // segmentControl 点击事件
    - (void)segmentControlClick:(UISegmentedControl *)sender {
        
        if (sender.selectedSegmentIndex == 0) {
            self.type = page1;
            [self.tableView.mj_header beginRefreshing];
            
        } else if (sender.selectedSegmentIndex==1) {
            self.type = page2;
            [self.tableView.mj_header beginRefreshing];
    
        }else{
            self.type = page3;
            [self.tableView.mj_header beginRefreshing];     
        }
    }
    
    
    // 下拉刷新方法
    - (void)headerRefresh{
        
        if (self.type == page1) {
            self.page1Index = 1;
            [self requestPage1:refreshTypeDown];
            
        }else if(self.type == page2){  //先恢复闲置状态能够刷新
            self.page2Index = 1;
            [self.tableView.mj_header setState:MJRefreshStateIdle];
            [self requestPage2:refreshTypeDown];
            
        }else{  //不恢复闲置状态不会刷新
            self.page3Index = 1;
            [self requestPage3:refreshTypeDown];
        }
    }
    
    

    下面是我发现问题的过程:
    打断点调试,当点击page3的时候,程序正常进入segmentControlClick的方法,执行了[self.tableView.mj_header beginRefreshing]。
    执行beginRefreshing后,系统并没有触发绑定的下拉刷新方法headerRefresh。
    理所应当也就没有发出page3页面的请求,显示了无数据状态。

        tableView.mj_header=[MJRefreshNormalHeader headerWithRefreshingTarget:self refreshingAction:@selector(headerRefresh)];
    

    为什么不触发绑定的方法呢?于是我到MJRefresh的源码中寻找原因。

    首先先查看MJRefresh是如何绑定和如何调用刷新方法的

    # MJRefreshHeader.m
    // 构造方法
    + (instancetype)headerWithRefreshingTarget:(id)target refreshingAction:(SEL)action
    {
        MJRefreshHeader *cmp = [[self alloc] init];
        [cmp setRefreshingTarget:target refreshingAction:action];
        return cmp;
    }
    
    # MJRefreshComponent.m
    // 设置回调对象和回调方法
    - (void)setRefreshingTarget:(id)target refreshingAction:(SEL)action
    {
        self.refreshingTarget = target;
        self.refreshingAction = action;
    }
    
    # MJRefreshComponent.m
    //内部方法,在该方法里调用刷新方法
    - (void)executeRefreshingCallback 
    {
        dispatch_async(dispatch_get_main_queue(), ^{
            if (self.refreshingBlock) {
                self.refreshingBlock();
            }
            if ([self.refreshingTarget respondsToSelector:self.refreshingAction]) {
                MJRefreshMsgSend(MJRefreshMsgTarget(self.refreshingTarget), self.refreshingAction, self);
            }
            if (self.beginRefreshingCompletionBlock) {
                self.beginRefreshingCompletionBlock();
            }
        });
    }
    
     # MJRefreshHeader.m
    //state属性的setter方法,在里面去调用executeRefreshingCallback方法
    - (void)setState:(MJRefreshState)state
    {
        MJRefreshCheckState
        
        // 根据状态做事情
        if (state == MJRefreshStateIdle) {
            if (oldState != MJRefreshStateRefreshing) return;
            
            // 保存刷新时间
            [[NSUserDefaults standardUserDefaults] setObject:[NSDate date] forKey:self.lastUpdatedTimeKey];
            [[NSUserDefaults standardUserDefaults] synchronize];
            
            // 恢复inset和offset
            [UIView animateWithDuration:MJRefreshSlowAnimationDuration animations:^{
                self.scrollView.mj_insetT += self.insetTDelta;
                
                // 自动调整透明度
                if (self.isAutomaticallyChangeAlpha) self.alpha = 0.0;
            } completion:^(BOOL finished) {
                self.pullingPercent = 0.0;
                
                if (self.endRefreshingCompletionBlock) {
                    self.endRefreshingCompletionBlock();
                }
            }];
        } else if (state == MJRefreshStateRefreshing) {
            
             dispatch_async(dispatch_get_main_queue(), ^{
                [UIView animateWithDuration:MJRefreshFastAnimationDuration animations:^{
                    CGFloat top = self.scrollViewOriginalInset.top + self.mj_h;
                    // 增加滚动区域top
                    self.scrollView.mj_insetT = top;
                    // 设置滚动位置
                    [self.scrollView setContentOffset:CGPointMake(0, -top) animated:NO];
                } completion:^(BOOL finished) {
                    [self executeRefreshingCallback];
                }];
             });
        }
    }
    

    MJRefresh的下拉刷新共涉及了两个类,四个方法。
    前两个方法将刷新的触发方法headerRefresh作为一个属性refreshingTarget在MJRefreshComponent类里保存起来,在executeRefreshingCallback内部方法里调用。也就是说,外界是通过调用executeRefreshingCallback方法去执行刷新headerRefresh的。而什么时候会调用这个内部方法呢?是在第四个方法-属性state的setter方法里,当state == MJRefreshStateRefreshing的时候调用。

    再看一下beginRefreshing方法是怎么写的

    
    #pragma mark 进入刷新状态
    - (void)beginRefreshing
    {
        [UIView animateWithDuration:MJRefreshFastAnimationDuration animations:^{
            self.alpha = 1.0;
        }];
        self.pullingPercent = 1.0;
        // 只要正在刷新,就完全显示
        if (self.window) { 
            self.state = MJRefreshStateRefreshing;
        } else {
            // 预防正在刷新中时,调用本方法使得header inset回置失败
            if (self.state != MJRefreshStateRefreshing) {
                self.state = MJRefreshStateWillRefresh;
                // 刷新(预防从另一个控制器回到这个控制器的情况,回来要重新刷新一下)
                [self setNeedsDisplay];
            }
        }
    }
    

    除了第一次进入页面刷新会走else,之后的所有下拉刷新都会执行self.state = MJRefreshStateRefreshing,也就是说肯定会进入state 的setter方法里而且值是MJRefreshStateRefreshing,按理说一定会调用executeRefreshingCallback方法进而触发刷新方法,为啥没有调用呢?

    state属性的setter方法

    setState方法里,出现了一个宏定义MJRefreshCheckState,这个宏定义的作用是检查刷新状态,如果现在的状态和上一次的状态相同的话,直接返回,不向下执行,问题的根源找到了。

    // 状态检查
    #define MJRefreshCheckState \
    MJRefreshState oldState = self.state; \
    if (state == oldState) return; \
    [super setState:state];
    

    我们可以在MJRefresh的所有类的setState方法里看到这个宏定义。
    显而易见,这个宏定义提供了一个机制,当tableview处于刷新状态时再执行beginRefreshing方法,并不会触发其绑定的刷新方法。

    所以在刷新状态下切换页面的时候,首先将刷新状态置回闲置状态,然后就可以正常刷新了。

    相关文章

      网友评论

        本文标题:tableview复用引起的MJRefresh不刷新问题

        本文链接:https://www.haomeiwen.com/subject/rfzbhxtx.html