使用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) {
- }];
- });
复制代码
来源:程序园用户自行投稿发布,如果侵权,请联系站长删除
免责声明:如果侵犯了您的权益,请联系站长,我们会及时删除侵权内容,谢谢合作! |