在 Swift 中为 PageViewController 创建一个 UICollectionViews 数组

Question

我已经设置了一个 CollectionViewController，它将从数据源创建一个 CollectionView。现在我想使用 PageViewController 扫过 CollectionViews，但我不知道如何创建一个包含 CollectionViews 的数组。

到目前为止，我只通过以下方式展示了其中一个 CollectionView：

let CollectionVC = storyboard?.instantiateViewController(withIdentifier: "CollectionView") as! CollectionViewController
    CollectionVC.itemStrings = matrixArray[0].makeString()
    CollectionVC.columns = problem.columns
    CollectionVC.rows = problem.rows
    self.present(CollectionVC, animated: true, completion: nil)

这很好地展示了一个视图。

但是现在我需要创建一个可以被 PageViewController 读取的数组来生成 PageView，我该怎么做呢？我什至不确定 PageViewController 数据源需要的格式，据我从其他教程中可以看出，它应该是 UIViewController 的数组，而不是我计划的 UICollectionViewController 类型，如果是这样的话，如何使用 CollectionViews 进行这项工作？

关于如何创建这样一个可用作 PageViewController 数据源的数组有什么建议吗？

更多说明

这是最后应该如何看待的图片：

每个屏幕基本上都是由 CollectionViewController 创建的，而 PageViewController 将它们组织起来，并可以按照分页指示在这些屏幕中滑动。

//编辑：

感谢 Puneet Sharma 的回答。我确定这已经非常接近我正在寻找的解决方案。但由于我是一个完全自学编程的菜鸟，所以我不完全确定在哪里适合所有这些信息。

到目前为止，我有 2 个控制器，一个 ViewController：

class ViewController: UIViewController {

//Initialize Variables:
var matrixArray = Array<Matrix>()
var basicArray = Array<Array<Int>>()
var maxArray = Array<Double>()
var currentSolutionArray = Array<Array<Double>>()
var isOptimal = false
var isCyceling = false
var CollectionViewArray: [UICollectionView] = []

//The outlets are for later
@IBOutlet weak var myObjectionFunction: UITextField!

@IBOutlet weak var myConstraint1: UITextField!
@IBOutlet weak var myConstraint1RightSide: UITextField!

@IBOutlet weak var myConstraint2: UITextField!
@IBOutlet weak var myConstraint2RightSide: UITextField!

@IBOutlet weak var myConstraint3: UITextField!
@IBOutlet weak var myConstraint3RightSide: UITextField!


//StartButton
@IBAction func startButton(_ sender: Any) {

    //Initializing Objection Function
    let objFunction = [-40.0,-30.0,0.0,0.0,0.0,0.0]

    // Initializing Nr. of Rows and Columns of the Matrix
    let rows = 4
    let columns = 6

    // Initializing constraints
    let constraint0 = [1.0,1.0,1.0,0.0,0.0,8.0]
    let constraint1 = [2.0,1.0,0.0,1.0,0.0,12.0]
    let constraint2 = [2.0,3.0,0.0,0.0,1.0,18.0]

    //Initalize an Array containing all constraints
    let constraints = [constraint0, constraint1, constraint2]

    //Alternative for use of UserData -> Delete objFuntion, rows, columns, constraint0..2, constraintsArray
    //let problem = getData().0
    //let constraints = getData.1
    let problem = LinearProblem.createLP(rows: rows, columns: columns, objFunction: objFunction, constraints: constraints)


    // Initializing Current solution (No need to change anything)
    let currentSolution = Array(repeating: 0.0, count: constraints.count)



    print("Initial Problem: ")
    print(problem)
    print("\n")


   let solution = PrimalSimplex(problem: problem, currentSolution: currentSolution)

    matrixArray = solution.0
    basicArray = solution.1
    maxArray = solution.2
    currentSolutionArray = solution.3
    isOptimal = solution.4
    isCyceling = solution.5

    let CollectionVC = storyboard?.instantiateViewController(withIdentifier: "CollectionView") as! CollectionViewController
    CollectionVC.itemStrings = matrixArray[0].makeString()
    CollectionVC.columns = problem.columns
    CollectionVC.rows = problem.rows
    self.present(CollectionVC, animated: true, completion: nil) 
 }
}

它基本上是一个带有开始按钮的屏幕，当它被按下时启动算法并呈现下一个视图。

然后是这个 CollectionViewController：

class CollectionViewController: UIViewController, UICollectionViewDataSource, UICollectionViewDelegate, UICollectionViewDelegateFlowLayout {

@IBOutlet weak var myCollectionView: UICollectionView!

    //Is also set in Storyboard
    let reuseIdentifier = "cell" 

    var itemStrings: Array<String?> = []
    var rows: Int = 0
    var columns: Int = 0   


//
//Setup CollectionView: Table to display LPs including Datasource
//

// MARK: - UICollectionViewDelegate protocol

func collectionView(_ collectionView: UICollectionView, didSelectItemAt indexPath: IndexPath) {
    // handle tap events
    let newPath = indexPath.item + 1
    print("You selected cell #\(newPath)")
}

// calculate height and width of cell
func collectionView(_ collectionView: UICollectionView, layout collectionViewLayout: UICollectionViewLayout, sizeForItemAt indexPath: IndexPath) -> CGSize {

    let width = collectionView.bounds.width
    let gaps = columns-1

    let tmpWidth = width - CGFloat(gaps)
    let itemWidth = tmpWidth / CGFloat(columns)

    let height = collectionView.bounds.height

    let tmpHeight = height - CGFloat(gaps)
    let itemHeight = tmpHeight / CGFloat(rows)

    return CGSize(width: itemWidth, height: itemHeight)
}

// CellSpacing vertical
func collectionView(_ collectionView: UICollectionView, layout collectionViewLayout: UICollectionViewLayout, minimumLineSpacingForSectionAt section: Int) -> CGFloat {

    return CGFloat(3)
}

// CellSpacing horizontal
func collectionView(_ collectionView: UICollectionView, layout collectionViewLayout: UICollectionViewLayout, minimumInteritemSpacingForSectionAt section: Int) -> CGFloat {

    return CGFloat(1)
}

// change background color when user touches cell
func collectionView(_ collectionView: UICollectionView, didHighlightItemAt indexPath: IndexPath) {
    let cell = collectionView.cellForItem(at: indexPath)

    //Change color
    if cell?.backgroundColor == UIColor(red:0.96, green:0.40, blue:0.40, alpha:1.0) {
        cell?.backgroundColor = UIColor(red:0.94, green:0.94, blue:0.94, alpha:1.0)
    }
    else{
        cell?.backgroundColor = UIColor(red:0.96, green:0.40, blue:0.40, alpha:1.0)
    }
}

// MARK: - UICollectionViewDataSource protocol

// tell the collection view how many cells to make
func collectionView(_ collectionView: UICollectionView, numberOfItemsInSection section: Int) -> Int {
    let numberOfItems = rows*columns
    return numberOfItems
}

// make a cell for each cell index path
func collectionView(_ collectionView: UICollectionView, cellForItemAt indexPath: IndexPath) -> UICollectionViewCell {
    // get a reference to our storyboard cell
    let cell = collectionView.dequeueReusableCell(withReuseIdentifier: reuseIdentifier, for: indexPath as IndexPath) as! MyCollectionViewCell

    // Use the outlet in our custom class to get a reference to the UILabel in the cel

    cell.myLabel.text = itemStrings[indexPath.item]
    cell.backgroundColor = UIColor(red:0.94, green:0.94, blue:0.94, alpha:1.0)

    // Change shape of cells
    cell.layer.cornerRadius = 8

    return cell
 }
}

这些目前也是我的故事板中唯一的元素。

我想我需要在 Storyboard 中添加 PageViewController 并用 HomeViewController 的代码形式填充它。然后将情节提要中的 segue 从开始按钮更改为 HomeViewController。

我不明白的部分是将要创建的 ChildVC。我需要将该部分添加到我的 ViewController 中吗？那么 IndexedCollectionViewController 类呢，我需要为此创建一个额外的文件还是可以将它放入我的 collectionView 的某个地方？

那么这个函数呢

private func viewController(atIndex index:Int) -> IndexedCollectionViewController

去哪儿了？我认为在我的情况下，这将在 ViewController 类中，我只是在开始按钮中调用该方法？

抱歉所有这些非常简单的问题，但作为一个自学成才的编码员，有时很难掌握事物背后的概念^^

Answer 1

在我看来，UIPageViewController 文档有点模糊。 争论的焦点是方法的存在：

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

所有教程都在这个数组中传递了一个视图控制器，它们当然是正确的。但是由于这种方法的存在，我假设我可以将所有需要显示的视图控制器以数组的形式提供给 pageviewcontroller。

但是，实际上需要这个方法来传递需要在动画之后显示的视图控制器。如果我们需要在屏幕上显示多个视图（视图控制器），我们可以在数组中传递这些视图。但这种情况很少发生，因此所有教程都显示了在数组中传递单个 VC。

UIPageViewControllerDatasource 用于提供额外的视图控制器。

您可以实现以这种方式保存页面视图控制器的视图控制器。

// Extension on UIViewController to insert child view controller
extension UIViewController {

    func insertChildController(_ childController: UIViewController, intoParentView parentView: UIView) {
        childController.willMove(toParentViewController: self)

        self.addChildViewController(childController)
        childController.view.frame = parentView.bounds
        parentView.addSubview(childController.view)

        childController.didMove(toParentViewController: self)
    }

}

// Subclass of UICollectionViewController to create IndexedCollectionViewController. This is done to introduce an integer property to index collectionview controllers
class IndexedCollectionViewController:UICollectionViewController {
    var index:Int = 0
}


class HomeViewController: UIViewController {

    var pageViewController:UIPageViewController!

    override func viewDidLoad() {
        super.viewDidLoad()
        addPageViewController()
    }

    override func didReceiveMemoryWarning() {
        super.didReceiveMemoryWarning()
    }
}

// MARK:- PageView
extension HomeViewController:UIPageViewControllerDataSource, UIPageViewControllerDelegate {

    fileprivate func addPageViewController() {
        if !self.isViewLoaded {
            return
        }

        self.pageViewController = UIPageViewController(transitionStyle: UIPageViewControllerTransitionStyle.scroll, navigationOrientation: UIPageViewControllerNavigationOrientation.horizontal, options: nil)

        let firstVC = self.viewController(atIndex: 0)
        pageViewController.setViewControllers([firstVC], direction: UIPageViewControllerNavigationDirection.forward, animated: true, completion: nil)
        pageViewController.dataSource = self
        pageViewController.delegate = self
        self.insertChildController(pageViewController, intoParentView: self.view)
    }

    func pageViewController(_ pageViewController: UIPageViewController, viewControllerAfter viewController: UIViewController) -> UIViewController? {
        var index = (viewController as! IndexedCollectionViewController).index
        index = index+1
        return self.viewController(atIndex: index)
    }

    func pageViewController(_ pageViewController: UIPageViewController, viewControllerBefore viewController: UIViewController) -> UIViewController? {
        var index = (viewController as! IndexedCollectionViewController).index
        if(index == 0){return nil}
        index = index-1
        return self.viewController(atIndex: index)
    }

    // Method that creates viewcontroller
    private func viewController(atIndex index:Int) -> IndexedCollectionViewController {

        // This method will work only if you change the Class of CollectionViewController to IndexedCollectionViewController in your storyboard
        let vc = storyboard?.instantiateViewController(withIdentifier: "CollectionView") as! IndexedCollectionViewController
        vc.itemStrings = matrixArray[index].makeString()
        vc.index = index
        vc.columns = problem.columns
        vc.rows = problem.rows
        return vc
    }
}

在我看来，您的视图布局应该如下所示。
VC1 :-> 具有开始按钮的视图控制器，将呈现 vc2。
VC2 :-> 显示页面浏览量的视图控制器。
它可以是 PageViewController 本身（因为 UIPageViewController 是 UIViewController 的子类），也可以是一个简单的 ViewController，其中 PageViewController 添加为子 VC。

PageViewController，本质上以页面的形式显示其他 ViewControllers 内容。在您的情况下，这些其他 viecontroller 是 CollectionViewController。