前言

最近項目增加新功能，遇到需要多層嵌套滑動的效果，于是利用自己之前寫的一個庫GKPageScrollView實現(xiàn)了下，但在實現(xiàn)過程中也遇到不少問題，最主要是手勢沖突的問題，于是對庫也進行了更新，下面來詳細說說：

效果圖

先來看下效果圖，主要實現(xiàn)了下面的兩種多層嵌套效果

1、GKPageScrollView + 分類 + 分類

嵌套效果1

2、分類 + GKPageScrollView + 分類

嵌套效果2

實現(xiàn)

1、GKPageScrollView + 分類 + 分類

這個實現(xiàn)起來比較簡單，因為用的JXCategoryView本身就支持多層嵌套，只是需要把對應的listView傳遞到GKPageScrollView即可，主要代碼如下：

// 通過JXCategoryViewDelegate獲取當前子列表的scrollView
#pragma mark - JXCategoryViewDelegate
- (void)categoryView:(JXCategoryBaseView *)categoryView didSelectedItemAtIndex:(NSInteger)index {
    switch (index) {
        case 0:
            self.currentListScrollView = self.compListView.tableView;
            break;
        case 1:
            self.currentListScrollView = self.saleListView.tableView;
            break;
        case 2:
            self.currentListScrollView = self.priceListView.tableView;
            break;
        default:
            break;
    }
}

// 傳遞子列表的scrollView到GKPageScrollView
#pragma mark - GKPageListViewDelegate
- (UIScrollView *)listScrollView {
    return self.currentListScrollView;
}

2、分類 + GKPageScrollView + 分類

這個主要是分類嵌套多個GKPageScrollView來實現(xiàn)，主要代碼如下：

// 添加多個帶有GKPageScrollView的GKNest2View
CGFloat width = kScreenW;
CGFloat height = kScreenH - GK_STATUSBAR_HEIGHT - 50.0f;

[self.categoryView.titles enumerateObjectsUsingBlock:^(NSString * _Nonnull obj, NSUInteger idx, BOOL * _Nonnull stop) {
    GKNest2View *nestView = [GKNest2View new];
    nestView.frame = CGRectMake(idx * width, 0, width, height);
    nestView.mainScrollView = self->_contentScrollView;
    [self->_contentScrollView addSubview:nestView];
}];
 _contentScrollView.contentSize = CGSizeMake(self.categoryView.titles.count * width, 0);

GKNest2View的實現(xiàn)

#pragma mark - GKPageScrollViewDelegate
- (UIView *)headerViewInPageScrollView:(GKPageScrollView *)pageScrollView {
    return self.headerView;
}

- (UIView *)segmentedViewInPageScrollView:(GKPageScrollView *)pageScrollView {
    return self.categoryView;
}

- (NSInteger)numberOfListsInPageScrollView:(GKPageScrollView *)pageScrollView {
    return self.categoryView.titles.count;
}

- (id<GKPageListViewDelegate>)pageScrollView:(GKPageScrollView *)pageScrollView initListAtIndex:(NSInteger)index {
    GKNestListView *listView = [GKNestListView new];
    return listView;
}

3、手勢沖突的解決

多層嵌套最難的地方是手勢的沖突問題，其中進行了各種嘗試最終解決了手勢沖突，方法主要是對手勢的代理方法進行實現(xiàn)及修改

01、列表容器左右滑動與列表上下滑動沖突的解決

- (BOOL)gestureRecognizerShouldBegin:(UIGestureRecognizer *)gestureRecognizer {
    if ([self.gestureDelegate respondsToSelector:@selector(pageListContainerCollectionView:gestureRecognizerShouldBegin:)]) {
        return [self.gestureDelegate pageListContainerCollectionView:self gestureRecognizerShouldBegin:gestureRecognizer];
    }else {
        if (self.isNestEnabled) {
            if ([gestureRecognizer isMemberOfClass:NSClassFromString(@"UIScrollViewPanGestureRecognizer")]) {
                CGFloat velocityX = [(UIPanGestureRecognizer *)gestureRecognizer velocityInView:gestureRecognizer.view].x;
                // x大于0就是右滑
                if (velocityX > 0) {
                    if (self.contentOffset.x == 0) {
                        return NO;
                    }
                }else if (velocityX < 0) { // x小于0是往左滑
                    if (self.contentOffset.x + self.bounds.size.width == self.contentSize.width) {
                        return NO;
                    }
                }
            }
        }
    }
    return YES;
}

02、GKPageScrollView上下滑動與全屏返回手勢沖突的解決

#pragma mark - GKPageTableViewGestureDelegate
- (BOOL)pageTableView:(GKPageTableView *)tableView gestureRecognizer:(UIGestureRecognizer *)gestureRecognizer shouldRecognizeSimultaneouslyWithGestureRecognizer:(UIGestureRecognizer *)otherGestureRecognizer {
    // 特殊處理，解決返回手勢與GKPageTableView手勢的沖突
    NSArray *internalTargets = [otherGestureRecognizer valueForKey:@"targets"];
    id internalTarget = [internalTargets.firstObject valueForKey:@"target"];
    if ([internalTarget isKindOfClass:NSClassFromString(@"_UINavigationInteractiveTransition")]) return NO;
    
    return YES;
}

上面只是部分的代碼，主要實現(xiàn)還是要看具體的代碼邏輯。

最后

GKPageScrollView與JXCategoryView結合使用，實現(xiàn)了上面兩種嵌套效果，具體代碼可以再GKPageScrollView中的Nest中查看。如果您覺得還不錯，還請點個star，您的支持是我最大的動力。