前言
最近項(xiàng)目增加新功能，遇到需要多層嵌套滑動(dòng)的效果，于是利用自己之前寫的一個(gè)庫GKPageScrollView實(shí)現(xiàn)了下，但在實(shí)現(xiàn)過程中也遇到不少問題，最主要是手勢(shì)沖突的問題，于是對(duì)庫也進(jìn)行了更新，下面來詳細(xì)說說：
效果圖
先來看下效果圖，主要實(shí)現(xiàn)了下面的兩種多層嵌套效果
1、GKPageScrollView + 分類 + 分類
嵌套效果1
2、分類 + GKPageScrollView + 分類
嵌套效果2
實(shí)現(xiàn)
1、GKPageScrollView + 分類 + 分類
這個(gè)實(shí)現(xiàn)起來比較簡(jiǎn)單，因?yàn)橛玫腏XCategoryView本身就支持多層嵌套，只是需要把對(duì)應(yīng)的listView傳遞到GKPageScrollView即可，主要代碼如下：
// 通過JXCategoryViewDelegate獲取當(dāng)前子列表的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 + 分類
這個(gè)主要是分類嵌套多個(gè)GKPageScrollView來實(shí)現(xiàn)，主要代碼如下：
// 添加多個(gè)帶有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的實(shí)現(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、手勢(shì)沖突的解決
多層嵌套最難的地方是手勢(shì)的沖突問題，其中進(jìn)行了各種嘗試最終解決了手勢(shì)沖突，方法主要是對(duì)手勢(shì)的代理方法進(jìn)行實(shí)現(xiàn)及修改
01、列表容器左右滑動(dòng)與列表上下滑動(dòng)沖突的解決
- (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上下滑動(dòng)與全屏返回手勢(shì)沖突的解決
#pragma mark - GKPageTableViewGestureDelegate
- (BOOL)pageTableView:(GKPageTableView *)tableView gestureRecognizer:(UIGestureRecognizer *)gestureRecognizer shouldRecognizeSimultaneouslyWithGestureRecognizer:(UIGestureRecognizer *)otherGestureRecognizer {
// 特殊處理，解決返回手勢(shì)與GKPageTableView手勢(shì)的沖突
NSArray *internalTargets = [otherGestureRecognizer valueForKey:@"targets"];
id internalTarget = [internalTargets.firstObject valueForKey:@"target"];
if ([internalTarget isKindOfClass:NSClassFromString(@"_UINavigationInteractiveTransition")]) return NO;
return YES;
}
上面只是部分的代碼，主要實(shí)現(xiàn)還是要看具體的代碼邏輯。
最后
GKPageScrollView與JXCategoryView結(jié)合使用，實(shí)現(xiàn)了上面兩種嵌套效果，具體代碼可以再GKPageScrollView中的Nest中查看。如果您覺得還不錯(cuò)，還請(qǐng)點(diǎn)個(gè)star，您的支持是我最大的動(dòng)力。
