【Swift/Objective-c】公司項目優化(二) - 下拉刷新抖動問題

  使用MJRefresh進行列表下拉刷新時,會出現列表上下顫抖問題async

  抖動的緣由spa

  咱們先來看看在手鬆開以後咱們對scrollView作了什麼事情:code

  ScrollViewDidEndDragging => setContentInset:blog

  爲了保證在「Loading」的狀態下,下拉刷新控件能夠展現,咱們對contentInset作了修改,增長了inset的top. 那這樣一步操做爲何會致使scrollView抖動一下呢。get

  我在scrollViewDidScroll:中打了個斷點,來看看在setContentInset:以後發生了什麼事情。 我設置的inset.top = 64; 結果發現scrollView的contentOffset發生了這樣的變化:(0, -64) =>  (0, -133) => (0, -64)animation

  由以上數據能夠看出,contentOffset在這個過程當中先被向下移動了一段,再回歸正常。 猜想問題緣由:源碼

下拉鬆開以後, scrollView自己的 bounce 效果 與 當前設置inset衝突了

  因爲我設置的it

mTableView.contentInset = UIEdgeInsets(top: kTopNavigationSafeMargin, left: 0, bottom: kTabBarHeight, right: 0)

  設置了以後就出現這個問題。若是不設置這句話就沒有這個問題,可是跟他們UI給的效果圖就不同了。io

  • 看了一下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];
                }];
            })

    因而我嘗試修改代碼,改爲以下:ast

    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];
                        }];
                     });

    二、給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) {
            }];
        });
相關文章
相關標籤/搜索