最近写了一个问卷、试卷类型的需求,题型包括单选、多选、简答,并且每道题包括是否必选
看到这个需求的时候第一想法就是 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
虽然都很拙略,但也希望有些帮助