0

I followed the tutorial in this link. Currently, collection view scrolls up and down. Is there any way I can make the collection view scroll left and right instead? I would like the first cell shown on the left and the last cell shown on the very right.

import Foundation
import UIKit

class ChatViewController: UIViewController, UICollectionViewDataSource, UICollectionViewDelegate {

let reuseIdentifier = "cell" // also enter this string as the cell identifier in the storyboard
var items = ["1", "2", "3", "4", "5", "6", "7", "8", "9", "10", "11", "12", "13", "14", "15", "16", "17", "18", "19", "20", "21", "22", "23", "24", "25", "26", "27", "28", "29", "30", "31", "32", "33", "34", "35", "36", "37", "38", "39", "40", "41", "42", "43", "44", "45", "46", "47", "48"]


// MARK: - UICollectionViewDataSource protocol
func collectionView(collectionView: UICollectionView, numberOfItemsInSection section: Int) -> Int {
 return self.items.count
}

func collectionView(collectionView: UICollectionView, cellForItemAtIndexPath indexPath: NSIndexPath) -> UICollectionViewCell {

    // get a reference to our storyboard cell
    let cell = collectionView.dequeueReusableCellWithReuseIdentifier(reuseIdentifier, forIndexPath: indexPath)  as! MyCollectionViewCell

    // Use the outlet in our custom class to get a reference to the UILabel in the cell
    cell.myLabel.text = self.items[indexPath.item]
    cell.backgroundColor = UIColor(red: 102/256, green: 255/256, blue: 255/256, alpha: 0.66)
    cell.layer.borderWidth = 1
    cell.layer.cornerRadius = 35
    return cell
}


// MARK: - UICollectionViewDelegate protocol

func collectionView(collectionView: UICollectionView, didSelectItemAt indexPath: NSIndexPath) {
    // handle tap events
    print("You selected cell #\(indexPath.item)!")
}

}

2 Answers 2

4

Setting direction for collection view is very easy. I guess this is what you're looking for. Just change the direction to horizontal.

enter image description here

1
  • Mark as answered if you found it helpful :)
    – ebby94
    Jan 12, 2017 at 18:38
1

UICollectionViewFlowLayout -> setup Scroll direction

https://developer.apple.com/reference/uikit/uicollectionviewflowlayout/1617720-scrolldirection

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

Not the answer you're looking for? Browse other questions tagged or ask your own question.