如何封装一个属于自己的多视图联动控制器

类似如下效果图中的多视图联动经常会使用到，很多人往往是采用第三方来实现，但往往会存在大量的冗余代码，所以完全可以封装一个属于自己的多视图联动控制器。知道实现原理和大概逻辑，之后UI怎么变化，只要自己手动调节就行。
本文请参照demo看，否则不容易看懂。demo下载地址：https://github.com/ZhengYaWei1992/ZWMultiVC

效果图
先说一下思路，类似以上这种效果，最好的建议是通过UICollectionView来实现不同视图界面的切花，因为UICollectionView的复用，所以在性能上会有很好的提升。首先要将上面标题栏视图和下面主界面分开来，分别封装一个类ZWPageTitleView和ZWPageContentView类。每个类分别对外提供合适的接口，重点逻辑在于主视图界面和标题栏的同步问题上。
看一下外部是如何调用实现类似界面的，之后再大概分析一下ZWPageTitleView和ZWPageContentView类内部逻辑实现。
ZWPageTitleView初始化和布局:

NSArray *titles = [NSArray arrayWithObjects:@"推荐",@"游戏",@"娱乐相关",@"趣玩", nil];
    _pageTitleView = [[ZWPageTitleView alloc]initWithFrame:CGRectMake(0, 64, self.view.frame.size.width, 40) withTitles:titles];
    _pageTitleView.delegate = self;
    _pageTitleView.backgroundColor = [UIColor yellowColor];
    [self.view addSubview:self.pageTitleView];

ZWPageContentView初始化和布局：

CGRect contentFrame = CGRectMake(0, 64 + 40, self.view.frame.size.width, self.view.frame.size.height - 64 - 40);
    NSMutableArray *childVCs = [NSMutableArray array];
    for (NSInteger i = 0; i < 4; i++) {
        if (i == 0) {
            ViewController1 *vc = [[ViewController1 alloc]init];
            [childVCs addObject:vc];
        }else if(i == 1){
            ViewController2 *vc = [[ViewController2 alloc]init];
            [childVCs addObject:vc];
        }else if(i == 2){
            ViewController3 *vc = [[ViewController3 alloc]init];
            [childVCs addObject:vc];
        }else if(i == 3){
            ViewController4 *vc = [[ViewController4 alloc]init];
            [childVCs addObject:vc];
        }
        
    }
    _pageContentView = [[ZWPageContentView alloc]initWithFrame:contentFrame withChildVCs:childVCs parentViewController:self];
    _pageContentView.delegate = self;
    [self.view addSubview:_pageContentView];

ZWPageTitleView和ZWPageContentView分别对外提供一个代理方法，在ZWPageTitleViewDelegate代理方法中调用ZWPageContentView类中的方法，在ZWPageContentViewDelegate代理方法中调用ZWPageTitleView；类中的相关方法，如此一来就能很好的实现标题和主视图同步显示的逻辑，思路也很清晰。

#pragma mark-ZWPageTitleViewDelegate
- (void)pageTitltView:(ZWPageTitleView *)pageTitleView didSelectedIndex:(NSInteger)index{
    [self.pageContentView setCurrentIndex:index];
}
#pragma mark - ZWPageContentViewDelegate
- (void)pageContentView:(ZWPageContentView *)pageContenView progress:(CGFloat)progress sourceIndex:(NSInteger)sourceIndex targetIndex:(NSInteger)targetIndex{
    [self.pageTitleView setTitltWithProgress:progress sourceIndex:sourceIndex targetIndex:targetIndex];
}

接下来分析一下ZWPageTitleView中实现的逻辑代码。要知道ZWPageTitleView继承与UIView，UIView上放置一个scrollView，每个标题是一个UILabel，UILabel的父视图是UIScrollView。之所以这样做，因为可能屏幕宽度不足够显示标题个数。先看ZWPageTitleView中每个标题对应的点击事件。

- (void)titleLabelClick:(UITapGestureRecognizer *)tap{
    //1.获取当前点击label
    UILabel *currentLabel = (UILabel *)tap.view;
    //2.获取之前label
    UILabel *oldLabel = self.titlesLabel[_currentIndex];
    //3.切换文字颜色
    currentLabel.textColor = self.selectedTitleColor;
    oldLabel.textColor = self.titleColor;
    //4.保存最新label 的下标
    self.currentIndex = currentLabel.tag;
    //5.滚动条位置变化
    CGFloat scrollLineX = currentLabel.tag * _scrollLine.frame.size.width;
    [UIView animateWithDuration:0.5 animations:^{
        CGRect scrollLineFrame = self.scrollLine.frame;
        scrollLineFrame.origin.x = scrollLineX;
        self.scrollLine.frame = scrollLineFrame;
    }];
    //6.通知代理做事情
    if ([self.delegate respondsToSelector:@selector(pageTitltView:didSelectedIndex:)]) {
        [self.delegate pageTitltView:self didSelectedIndex:self.currentIndex];
    }
}

ZWPageTitleView中对外暴露的方法，主要是在ZWPageContentViewDelegate代理方法中调用。

#pragma mark - 对外暴露的方法
- (void)setTitltWithProgress:(CGFloat)progress sourceIndex:(NSInteger)sourceIndex targetIndex:(NSInteger)targetIndex{
    //1.取出sourceLabel和targetLabel
    UILabel *sourceLabel = (UILabel *)self.titlesLabel[sourceIndex];
    UILabel *targetLabel = (UILabel *)self.titlesLabel[targetIndex];
    //2.处理滑动的逻辑
    CGFloat moveTotalX = targetLabel.frame.origin.x - sourceLabel.frame.origin.x;
    CGFloat moveX = moveTotalX * progress;
    CGRect scrollLineFrame = self.scrollLine.frame;
    scrollLineFrame.origin.x = sourceLabel.frame.origin.x + moveX;
    self.scrollLine.frame = scrollLineFrame;
     
    // 4.记录最新的index
    _currentIndex = targetIndex;
}

ZWPageTitleView中的主要业务逻辑就这些，接下来分析一些ZWPageContentView中的主要逻辑代码。这个类同样是会继承与UIView，这个UIView上面放置的是UICollectionView，主要是在在UICollectionView上大做手脚。下面的代码是scrollView滚动的时候调用的逻辑代码。

#pragma mark-scrollView的代理方法
- (void)scrollViewWillBeginDragging:(UIScrollView *)scrollView{
    self.isForbidScrollDelegate = NO;
    //每次开始滑动的时候，都会先设置self.startOffsetX
    self.startOffsetX = scrollView.contentOffset.x;
}
- (void)scrollViewDidScroll:(UIScrollView *)scrollView{
    //0.判断是否是点击事件
    if (self.isForbidScrollDelegate == YES){
        return;
    }
    //1.获取需要的数据 （滚动的进度、sourceIndex（颜色渐变）、targetIndex（要判断左滑还是右滑））
    CGFloat progress = 0;
    NSInteger sourceIndex = 0;
    NSInteger targetIndex = 0;
    //2.判断是左还是右滑动
    CGFloat currentOffsetX = scrollView.contentOffset.x;
    CGFloat scrollViewW = scrollView.bounds.size.width;
    if (currentOffsetX > self.startOffsetX) {//左滑
        //1.计算progress
        progress = currentOffsetX / scrollViewW - (NSInteger)(currentOffsetX / scrollViewW);
        //2.计算sourceIndex
        sourceIndex = (NSInteger)(currentOffsetX / scrollViewW);
        //3.计算currentIndex
        targetIndex = sourceIndex + 1;
        //防止越界
        if (targetIndex >= _childVCs.count) {
            targetIndex = _childVCs.count - 1;
        }
        //4.如果完全滑过去
        if (currentOffsetX - self.startOffsetX == scrollViewW) {
            progress = 1;
            targetIndex = sourceIndex;
        }
    }else{//右滑
        //1.计算progress
        progress = 1 - (currentOffsetX / scrollViewW - (NSInteger)(currentOffsetX / scrollViewW));
        //2.计算currentIndex
        targetIndex = (NSInteger)(currentOffsetX / scrollViewW);
        //3.计算sourceIndex
        sourceIndex = targetIndex + 1;
        if (targetIndex >= _childVCs.count) {
            targetIndex = _childVCs.count - 1;
        }
    }
    
    //3.将progress/sourceIndex/targetIndex传递给progress
    //print("progress\(progress) sourceIndex\(sourceIndex) targetIndex \(targetIndex)")
    if ([self.delegate respondsToSelector:@selector(pageContentView:progress:sourceIndex:targetIndex:)]) {
        [self.delegate pageContentView:self progress:progress sourceIndex:sourceIndex targetIndex:targetIndex];
    }
}

对外暴露的方法。和上面类似，这个对外暴露的方法主要是在ZWPageTitleViewDelegate代理方法中调用。

- (void)setCurrentIndex:(NSInteger)currentIndex{
    // 1.记录需要进制执行代理方法
    _isForbidScrollDelegate = YES;
    // 2.滚动正确的位置
    CGFloat offSetX = (CGFloat)currentIndex * self.collectionView.frame.size.width;
    [self.collectionView setContentOffset:CGPointMake(offSetX, 0) animated:YES];
}

这里有一点非常有必要说明的，关于_isForbidScrollDelegate属性（是否禁止scrollView的代理），如果为Yes则不执行scrollViewDidScroll代理方法。如果不这样做这个判断，在点击每个主界面对应的标题的时候，会调用ZWPageTitleViewDelegate代理方法，继而会调用ZWPageContentView对外暴露的方法，而对外暴露的方法中 [self.collectionView setContentOffset:CGPointMake(offSetX, 0) animated:YES];本身就可以调节UICollectionView的ContentOffset，使标题和主视图界面一一对应。重点来了：但是执行 [self.collectionView setContentOffset:CGPointMake(offSetX, 0) animated:YES];又会调用scrollViewDidScroll:方法，产生不必要的方法调用。所以要多加_isForbidScrollDelegate属性。 就说这些，具体看代码吧。