Jak programowo dodać UIPageController i UICollectionViewController do UIViewController

Mam już UIViewController utworzony programowo i chciałbym na dole mieć widok kolekcji z 4 komórkami, ale chcę mieć możliwość przesuwania palcem po różnych stronach widoku kolekcji, aby zobaczyć różne komórki. Nie jestem pewien, od czego zacząć, czy włączyć stronicowanie w widoku kolekcji i jak to działałoby z konfigurowaniem komórek, czy też z utworzeniem kontrolera strony i dodaniem do niego widoku kolekcji? Jest kilka sposobów, które widziałem już w Internecie, ale które tak naprawdę nie pasują do moich potrzeb.

Chciałbym coś takiego:

Daj mi znać, jeśli mogę podać więcej informacji. Właśnie utworzyłem podstawowy kontroler strony, ale nie jestem pewien, jak osiągnąć to, czego szukam.

Edycja: stworzyłem widok kolekcji i dodałem ograniczenia, aby uzyskać żądany układ; jednak nie jestem pewien, jak sprawić, by przesuwał się jak strona.

Oto kod widoku kolekcji:

let friendsCollectionView: UICollectionView = {
    let layout = UICollectionViewFlowLayout()
    layout.scrollDirection = .horizontal
    let cv = UICollectionView(frame: .zero, collectionViewLayout: layout)
    cv.translatesAutoresizingMaskIntoConstraints = false
    cv.register(FriendsCell.self, forCellWithReuseIdentifier: "cell")
    cv.backgroundColor = UIColor.blue
    cv.layer.cornerRadius = 10
    return cv
}()

view.addSubview(friendsCollectionView)
friendsCollectionView.anchor(top: separatorView.bottomAnchor, left: nil, bottom: nil, right: nil, paddingTop: 50, paddingLeft: 0, paddingBottom: 0, paddingRight: 0, width: 250, height: 250)
 friendsCollectionView.centerXAnchor.constraint(equalTo: view.centerXAnchor).isActive = true

  func collectionView(_ collectionView: UICollectionView, layout collectionViewLayout: UICollectionViewLayout, sizeForItemAt indexPath: IndexPath) -> CGSize {
    return CGSize(width: 75, height: 75)
}

func collectionView(_ collectionView: UICollectionView, layout collectionViewLayout: UICollectionViewLayout, insetForSectionAt section: Int) -> UIEdgeInsets {
    if section == 0 {
        return UIEdgeInsets(top: 85, left: 10, bottom: 0, right: 0)
    }
    if section == 1 {
        return UIEdgeInsets(top: 10, left: 0, bottom: 10, right: 0)
    }
    if section == 2 {
        return UIEdgeInsets(top: 85, left: 5, bottom: 0, right: 0)
    }


    return UIEdgeInsets(top: 0, left: 0, bottom: 0, right: 0)
}

func collectionView(_ collectionView: UICollectionView, numberOfItemsInSection section: Int) -> Int {
        if section == 0 { return 1 }
        if section == 1 { return 2 }
        if section == 2 { return 1 }


    return 0
}
func numberOfSections(in collectionView: UICollectionView) -> Int {
    return 3
}

Wszystko, czego potrzebujesz, to UICollectionViewController lub, jak zakładam, masz, UIViewController, który jest zgodny z protokołami collectionView. Twój UIViewController z jednym UICollectionView jest dobrym punktem wyjścia. Jednak wstawiana komórka musi być inna. Po pierwsze, collectionView w ViewController musi mieć collectionView? .IsPagingEnabled = true, a jej układy scrollDirection ustawione na .horizontal . Po wykonaniu tej czynności musisz stworzyć swoje komórki.

Implementowane komórki powinny być podklasą UICollectionViewController i UICollectionViewDelegateFlowLayout . Układ tego collectionView musi mieć scrollDirection ustawioną na .vertical, chociaż uważam, że i tak nie przewijasz w tym widoku. Liczba komórek w tej kolekcjiView wyniesie 4. Następnie usuwasz z kolejki komórkę, z której chcesz mieć 4 (tę z głową w kolorze białym na niebieskim).

UICollectionViewController musi następnie zostać rozkolejkowywana jako komórki do pierwszej CollectionView. Gruntownie:

Twój główny ViewController ma collectionView, która przewija się w poziomie. Ten collectionView ma UICollectionViewController jako komórki i przewija się w pionie.

Może się to wydawać bardzo skomplikowane, ale zrobiłem to i działa płynnie. Daj mi znać, jeśli masz jakieś pytania.