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..

这个里面,UIPageViewController 的滑动类型分为2种,pageCurlscroll 设置了一个参数 *** 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(_ 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

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

你可能感兴趣的:(UIPageController实现 问卷、试卷)