正在刷新状态下切换页面不刷新。
首先说说场景,如图1所示的 segmentedControl 对应了page1,page2,page3三个页面,三个页面复用了一个tableview,三个页面各自对应着一个请求
1)requestPage1Data
2)requestPage2Data
3)requestPage3Data
出现bug的操作是,在page1下拉刷新的状态下,迅速点击page3,如图2,
page1切换page3的时候没有加载数据,再次下拉刷新才显示出来。
之所以出现这样的情况,是因为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方法进而触发刷新方法,为啥没有调用呢?
setState方法里,出现了一个宏定义MJRefreshCheckState,这个宏定义的作用是检查刷新状态,如果现在的状态和上一次的状态相同的话,直接返回,不向下执行,问题的根源找到了。
// 状态检查
#define MJRefreshCheckState \
MJRefreshState oldState = self.state; \
if (state == oldState) return; \
[super setState:state];
我们可以在MJRefresh的所有类的setState方法里看到这个宏定义。
显而易见,这个宏定义提供了一个机制,当tableview处于刷新状态时再执行beginRefreshing方法,并不会触发其绑定的刷新方法。
所以在刷新状态下切换页面的时候,首先将刷新状态置回闲置状态,然后就可以正常刷新了。