【Swift/Objective-c】公司项目优化(二) - 下拉刷新抖动问题
使用MJRefresh进行列表下拉刷新时,会出现列表上下颤抖问题
抖动的原因
我们先来看看在手松开之后我们对scrollView做了什么事情:
ScrollViewDidEndDragging
=> setContentInset:
为了保证在“Loading”的状态下,下拉刷新控件可以展示,我们对contentInset做了修改,增加了inset的top. 那这样一步操作为什么会导致scrollView抖动一下呢。
我在scrollViewDidScroll:
中打了个断点,来看看在setContentInset:
之后发生了什么事情。 我设置的inset.top = 64; 结果发现scrollView的contentOffset发生了这样的变化:(0, -64)
=> (0, -133)
=> (0, -64)
由以上数据可以看出,contentOffset在这个过程中先被向下移动了一段,再回归正常。 猜测问题原因:
下拉松开之后, scrollView本身的 bounce 效果 与 当前设置inset冲突了
由于我设置的
mTableView.contentInset = UIEdgeInsets(top: kTopNavigationSafeMargin, left: 0, bottom: kTabBarHeight, right: 0)
设置了之后就出现这个问题。如果不设置这句话就没有这个问题,但是跟他们UI给的效果图就不一样了。
- 看了一下MJRefresh的源码:
MJRefreshDispatchAsyncOnMainQueue({ [UIView animateWithDuration:MJRefreshFastAnimationDuration animations:^{ if (self.scrollView.panGestureRecognizer.state != UIGestureRecognizerStateCancelled) { CGFloat top = self.scrollViewOriginalInset.top + self.mj_h; // 增加滚动区域top self.scrollView.mj_insetT = top; // 设置滚动位置 CGPoint offset = self.scrollView.contentOffset; offset.y = -top; [self.scrollView setContentOffset:offset animated:NO]; } } completion:^(BOOL finished) { [self executeRefreshingCallback]; }]; })
于是我尝试修改代码,改成如下:
dispatch_async(dispatch_get_main_queue(), ^{ [UIView animateWithDuration:MJRefreshFastAnimationDuration animations:^{ CGFloat top = self.scrollViewOriginalInset.top + self.mj_h; // 增加滚动区域top self.scrollView.mj_insetT = top; // 判断了一下 这里面 if ([self.scrollView isKindOfClass:[UICollectionView class]]) { self.scrollView.mj_offsetY = - top; }else { [self.scrollView setContentOffset:CGPointMake(0, -top) animated:NO]; } } completion:^(BOOL finished) { [self executeRefreshingCallback]; }]; });
2、给mTableVeiw的cell一个预估高度estimatedRowHeight;
解决了。
其他大神解决方法:
dispatch_async(dispatch_get_main_queue(), ^{ [UIView animateWithDuration:kAnimationDuration animations:^{ self.scrollView.contentInset = inset; [self.scrollView setContentOffset:CGPointMake(0, -inset.top) animated:NO]; } completion:^(BOOL finished) { }]; });
赞 (0)