【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) { }]; });
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】凌霞软件回馈社区,博客园 & 1Panel & Halo 联合会员上线
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· .NET Core内存结构体系(Windows环境)底层原理浅谈
· C# 深度学习:对抗生成网络(GAN)训练头像生成模型
· .NET 适配 HarmonyOS 进展
· .NET 进程 stackoverflow异常后,还可以接收 TCP 连接请求吗?
· SQL Server统计信息更新会被阻塞或引起会话阻塞吗?
· 传国玉玺易主,ai.com竟然跳转到国产AI
· 自己如何在本地电脑从零搭建DeepSeek!手把手教学,快来看看! (建议收藏)
· 我们是如何解决abp身上的几个痛点
· 本地部署 DeepSeek:小白也能轻松搞定!
· 普通人也能轻松掌握的20个DeepSeek高频提示词(2025版)