UIPageController实现 问卷、试卷

最近写了一个问卷、试卷类型的需求，题型包括单选、多选、简答，并且每道题包括是否必选

看到这个需求的时候第一想法就是 CollectionView 嵌套UITableView实现一个左右滑动，嵌套上下滑动，这么一个结构（网上类似的需求也多是这么实现的，大同小异）。

单选与多选的问题，参照tableView 单选及多选的简单实现

但是实现过程中，发现一下几个问题不是很容易解决

• 滑动效果不是很理想，CollectionView的滑动，开了pageEnabled之后，滑动超过一半才会滑动过去，而不到一半的时候会回弹。

• 更新页码的时候，发现CollectionView的代理方法不能很好的满足需求，而放在scrollViewDidScroll方法里面去判断是否超过一半的时候变动，可以实现效果，但是变化也不是很理想

• 由于是CollectionView，对每个cell的监听就比较少了，最终必选的问题，被放大了，找不到一个系统的代理、方法可以合理的处理必选的问题

综合这些问题-------决定试试UIPageViewController

因为比较少用这个，因此也添了一些坑就不表了，直接上代码

/// 答题的主题位置
func makePageViewController() {
    //主体答题位置，设置样式为 pageCurl ，
    pageViewController =  UIPageViewController(transitionStyle: .pageCurl, navigationOrientation: .horizontal, options: [UIPageViewControllerOptionSpineLocationKey: NSNumber(value:UIPageViewControllerSpineLocation.min.rawValue)])
    pageViewController.view.frame = CGRect(x: Q_A.Padding.left, y: Q_A.Padding.top, width: view.frame.width - 2 * Q_A.Padding.left, height: view.frame.height - Q_A.Padding.top - answerCardFrame.height - 44 - 64)
    pageViewController.delegate = self
    pageViewController.dataSource = self
    
    pageViewController.isDoubleSided = false //单面
    pageViewController.cancleSideTouch()  //自定义，取消了边缘响应点击事件
            
    // 根据数据个数，设置controller的数组，并设置数据源
    for i in 0..<questions.count {
        let current = QuestionViewController()
        current.view.frame = pageViewController.view.bounds
        current.dataSource = (questions[i], realAnswer[i])
        
        viewControllers.append(current)
    }
    
    pageViewController.setViewControllers([viewControllers.first!], direction: .forward, animated: true) { (bool) in
        print("设置完成")
        self.addChildViewController(self.pageViewController)
        self.view.addSubview(self.pageViewController.view)
        
        self.pageViewController.didMove(toParentViewController: self) //前面两句已经加了，这句是什么意思？
    }
}

这个里面，UIPageViewController 的滑动类型分为2种，pageCurl 和 scroll 设置了一个参数 *** UIPageViewControllerOptionSpineLocationKey，这个参数控制的是书脊的位置，设置这个和UI的表现形式有关系，当且仅当 spineLocationKey 为mid***的时候，界面就像一本打开的书一样，且默认设置了正反页显示。

这里面还涉及到pageViewController的 页面设置方法

   open func setViewControllers(_ viewControllers: [UIViewController]?, direction: UIPageViewControllerNavigationDirection, animated: Bool, completion: ((Bool) -> Swift.Void)? = nil) 

方法中需要传一个 viewControllers: [UIViewController]?，这个地方，根据pageViewController的 transitionStyle 的不同有所区别，当且仅当 transitionStyle 为.pageCurl && spineLocationKey 为.mid时，需要传2个，剩下的需要传一个VC

   'NSInvalidArgumentException', reason: 'The number of provided view controllers (1) doesn't match the number required (2) for the requested spine location (UIPageViewControllerSpineLocationMid)'

如果出现这种错误，就说明你的VC的个数和transitionStyle冲突了，

   'UIPageViewControllerSpineLocationMid' is specified, 'doubleSided' must be 'YES'.' 

这个错误就很明显了～

然后我们来看UIPageViewControllerDataSource中的方法

func pageViewController(_ pageViewController: UIPageViewController, viewControllerAfter viewController: UIViewController) -> UIViewController? {
    //获取即将显示的页面的后一页,
    let index = viewControllers.index(of: viewController)!
    if index == viewControllers.count - 1 { //第一条
        return nil
    }
    return viewControllers[pageIndex]
}

func pageViewController(_ pageViewController: UIPageViewController, viewControllerBefore viewController: UIViewController) -> UIViewController? {
    //获取即将显示的页面的前一页
    let index = viewControllers.index(of: viewController)!
    if index == 0 { //第一条
        return nil
    }
    return viewControllers[pageIndex]
}

这里踩过坑，试过通过pageIndex 直接设置上一个或者下一个，但是发现这里执行了方法，不意味着已经跳转到前一个或者后一个，仅仅是一个预处理，因此这里通过 let index = viewControllers.index(of: viewController)! 获取当前的页面在viewcontrollers数组中的位置，然后直接设置前一个界面|后一个界面

这里测试过程中发现: 当我每次调用setViewControllers的时候，下一次滑动，一定会分别执行一次上面两个方法，大概是手动设置当前页面之后，系统也蒙蔽了，所以要重新了解一下吧。所以在这个方法里面就不能做太多的动作了

这里说一下 解决上面滑动过程中取消滑动，pageIndex变化的问题，在UIPageViewControllerDelegate 的方法中

//将要到--
func pageViewController(_ pageViewController: UIPageViewController, willTransitionTo pendingViewControllers: [UIViewController]) {
    //提前设置页码数据，如果翻页中途取消的话，在下面设置回去
    let finishOne = pendingViewControllers.first
    let index  = viewControllers.index(of: finishOne!)
    pageIndex = index!
    pageLabel.text = "\(index! + 1)/\(questions.count)"
}
func pageViewController(_ pageViewController: UIPageViewController, didFinishAnimating finished: Bool, previousViewControllers: [UIViewController], transitionCompleted completed: Bool) {
    //判断是否成功，不成功，重新设置回去
    if !completed {
        //
        let finishOne = previousViewControllers.first
        
        let index  = viewControllers.index(of: finishOne!)
        pageIndex = index!
        pageLabel.text = "\(index! + 1)/\(questions.count)"
    }
}

这边设置当前的页码。更新UI，如果滑动为完成的话 complete 为false，这时候就要重新设置回去了。这样就解决了滑动过程中变化的问题--开始滑动就+1，滑动不成功再减回来！！

UIPageViewController自带了单击边缘翻页的效果，不想要，因此干掉了

//MARK: 拓展UIPageViewController，取消了边缘的点击事件
extension UIPageViewController: UIGestureRecognizerDelegate {

    /// 拓展一个方法，取消UIPageViewController的点击边界翻页
    fileprivate func cancleSideTouch() {
        for ges in gestureRecognizers {
            ges.delegate=self;
        }
    }
    
    public func gestureRecognizer(_ gestureRecognizer: UIGestureRecognizer, shouldReceive touch: UITouch) -> Bool {
        guard gestureRecognizer is UITapGestureRecognizer else {
            return true
        }
        return false
    }
}

检查|统计答案的时候肯定需要实现一个遍历数组的问题，推荐两个方法，

public func filter(_ isIncluded: (Element) throws -> Bool) rethrows -> [Element]

public func map<T>(_ transform: (Element) throws -> T) rethrows -> [T]

实现如下（仅供参考）：

    let unDidAnswers = realAnswer.filter { (answer) -> Bool in
        return (answer.answer.isEmpty && answer.required == 1)
    }
    
    guard unDidAnswers.count == 0 else {
        print("any question required is not answerd")
        let firstUnDid = realAnswer.index(of: unDidAnswers.first!)
        let alert = UIAlertController(title: "存在未答题的必选项:\(firstUnDid! + 1)题", message: nil, preferredStyle: .alert)
        alert.addAction(UIAlertAction(title: "继续答题", style: .cancel, handler: nil))
        self.present(alert, animated: true, completion: {
            //
        })
        return
    }
    //.准备提交
    let results = realAnswer.map{["id": $0.questionId,"answer": $0.answer]}

主要代码都在这了，如果找demo的话，去github

都看到这了，说明真的用到了，加了个复用的，UIPageController实现 问卷、试卷 2

虽然都很拙略，但也希望有些帮助