iOS用GKPageScrollView實現多層分類嵌套滑動

寫代碼的老菜鳥· 2019-11-08

前言

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

效果圖

先來看下效果圖,主要實現了下面的兩種多層嵌套效果

1、GKPageScrollView + 分類 + 分類

嵌套效果1

2、分類 + GKPageScrollView + 分類

嵌套效果2

實現

1、GKPageScrollView + 分類 + 分類

這個實現起來比較簡單,因為用的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來實現,主要代碼如下:

// 添加多個帶有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的實現

#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、手勢沖突的解決

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

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

上面只是部分的代碼,主要實現還是要看具體的代碼邏輯。

最后

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

广东26选5开奖结果查 下载516棋牌中心 加拿大快乐8软件走势图 四肖期准四肖期期准 湖南麻将技巧十句口诀 上海快三推荐号码二三同号今天 快乐飞艇分析 四川麻将规则胡图解 大唐棋牌怎么下载 内蒙古快3走势图一定牛 江苏十一选五今日开奖号码 福建快三开奖直播 15选5在线过滤 爱玩捕鱼大圣归来安卓版 至尊棋牌房卡版 正规的一分钟大发快三 快乐10分怎么玩