CODEWITHSUNDEEP
swiftxcodeuicollectionviewspacing
Oscar
Oscar

Reputation: 391

Collection view spacing is very wide

The spacing between my collectionViews are very wide how do I fix this?

Image of the problem.

problem

Code: 

func collectionView(_ collectionView: UICollectionView, numberOfItemsInSection section: Int) -> Int {

    return songs.count
}

func collectionView(_ collectionView: UICollectionView, cellForItemAt indexPath: IndexPath) -> UICollectionViewCell {

    if let cell = collectionView.dequeueReusableCell(withReuseIdentifier: "song-cell", for: indexPath) as? SongsCollectionViewCell {

        cell.albumArtwork.image = songs[indexPath.row].images
        cell.songName.text = songs[indexPath.row].name
        cell.songArtist.text = songs[indexPath.row].composer

        return cell
    }

    return UICollectionViewCell()
}

Upvotes: 0

Views: 78

Answers (2)

Jakir Hossain
Jakir Hossain

Reputation: 3930

Try this.

let flowLayout: UICollectionViewFlowLayout = UICollectionViewFlowLayout()
    flowLayout.sectionInset = UIEdgeInsets(top: 10, left: 10, bottom: 10, right: 10)
    flowLayout.itemSize = CGSize(width: 150.0, height: 150.0)
    flowLayout.minimumInteritemSpacing = 0 // for vertical spacing
    flowLayout.minimumLineSpacing = 0 // for horizontal spacing
    your_collectionView.collectionViewLayout = flowLayout

Upvotes: 0

StuckPixel
StuckPixel

Reputation: 111

Conform the UICollectionViewDelegateFlowLayout protocol and implement these method. You just have to manipulate the return values as you wish for your collection cells.

 // This method will create collectionView cell size. Delegate method of UICollectionViewDelegateFlowLayout.
    func collectionView(_ collectionView: UICollectionView,
                        layout collectionViewLayout: UICollectionViewLayout,
                        sizeForItemAt indexPath: IndexPath) -> CGSize {
        return CGSize(width: 200.0, height: 200.0)
    }

    // This method will create horizontal padding between two cells. Delegate method of UICollectionViewDelegateFlowLayout.
    func collectionView(_ collectionView: UICollectionView,
                        layout collectionViewLayout: UICollectionViewLayout,
                        minimumInteritemSpacingForSectionAt section: Int) -> CGFloat {
        return 5.0
    }

    // This method will create vertical padding between upper cell and lower cell. Delegate method of UICollectionViewDelegateFlowLayout.
    func collectionView(_ collectionView: UICollectionView, layout
        collectionViewLayout: UICollectionViewLayout,
                        minimumLineSpacingForSectionAt section: Int) -> CGFloat {
        return 10.0
    }

Upvotes: 1

Related Questions