create a collection view with pages in swift

To create a collection view with pages, follow these steps:

Add a UICollectionView and set its pagingEnabled property to true.
Create a custom UICollectionViewLayout subclass that will determine the position and size of each cell.
Implement the UICollectionViewDataSource and UICollectionViewDelegate methods to populate the collection view with your data and handle user interactions.
Add a UIPageControl to indicate the current page.
Update the page control's currentPage property in the UIScrollViewDelegate method scrollViewDidEndDecelerating(_:) to reflect the current page.

Here is an example implementation:


main.swift
class CustomLayout: UICollectionViewFlowLayout {
    override func prepare() {
        super.prepare()
        scrollDirection = .horizontal
        minimumLineSpacing = 0
        minimumInteritemSpacing = 0
        itemSize = collectionView!.frame.size
    }
}

class MyViewController: UIViewController, UICollectionViewDataSource, UICollectionViewDelegate, UIScrollViewDelegate {
    @IBOutlet weak var collectionView: UICollectionView!
    @IBOutlet weak var pageControl: UIPageControl!
    
    var data = [/* your data */]

    override func viewDidLoad() {
        super.viewDidLoad()
        collectionView.dataSource = self
        collectionView.delegate = self
        collectionView.collectionViewLayout = CustomLayout()
        pageControl.numberOfPages = data.count
    }

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

    func collectionView(_ collectionView: UICollectionView, numberOfItemsInSection section: Int) -> Int {
        return data.count
    }

    func collectionView(_ collectionView: UICollectionView, cellForItemAt indexPath: IndexPath) -> UICollectionViewCell {
        let cell = collectionView.dequeueReusableCell(withReuseIdentifier: "MyCell", for: indexPath) as! MyCell
        let dataList = data[indexPath.row]
        /* configure the cell */
        return cell
    }
    
    func scrollViewDidEndDecelerating(_ scrollView: UIScrollView) {
        let pageNumber = Int(scrollView.contentOffset.x / scrollView.frame.size.width)
        pageControl.currentPage = pageNumber
    }
}
1570 chars
45 lines

similar swift code snippets

create a collection view in swift

create a paged collection view in swift

hello world in swift

protocol in swift

loop in swift

sort a list of people by name in swift

how do you determine if a string is a palindrome in swift

make a table view in swift

make http get request in swift

create an enum in swift

related categories