如何在swift4中水平使用collectionView单元格

Question

[![enter image description here][1]][1][![enter image description here][2]][2]I am using the collectionView cells horizontally to getting JSON data but the problem is I'm using the cell size height 100 and the width is view of the screen with paging enabled, but the problem is I can scroll it but I want to get edges 20 spacing of leading and trailing. I'm moving the cells cant get the cell edges of leading and trailing like the first cell

class MainContainer: UIViewController, UICollectionViewDelegate, UICollectionViewDataSource, UICollectionViewDelegateFlowLayout {

@IBOutlet weak var collectionview: UICollectionView!
@IBOutlet weak var FlowLayout: UICollectionViewFlowLayout!

func collectionView(_ collectionView: UICollectionView, layout collectionViewLayout: UICollectionViewLayout, sizeForItemAt indexPath: IndexPath) -> CGSize {

    return CGSize(width: (self.view.frame.width - 20), height: 100)
}

Answer 1

You need to remove the minimum spacing in collectionView for cell as well as line

func collectionView(_ collectionView: UICollectionView, layout collectionViewLayout: UICollectionViewLayout, minimumLineSpacingForSectionAt section: Int) -> CGFloat {
    return 0
}

Answer 2

请尝试在控制器中的viewDidLoad（）中进行更改，因为布局会以编程方式更改，因此它将覆盖滚动方向的默认值

FlowLayout.scrolldirection = .horizontal

Answer 3

Try below code:

func collectionView(_ collectionView: UICollectionView, layout collectionViewLayout: UICollectionViewLayout, sizeForItemAt indexPath: IndexPath) -> CGSize {

    return CGSize(width: (collectionView.frame.width - 20), height: 100)
}

Answer 4

**Step - 1 : ** Create CollectionView in StoryBoard (height,width,min-spacing,left-right)

**Step - 2 : ** import (UICollectionViewDelegate,UICollectionViewDataSource,UICollectionViewDelegateFlowLayout)

**Step - 3 : **

@IBOutlet var collViewFeaturedEvents: UICollectionView!
@IBOutlet var collViewEventsHeight: NSLayoutConstraint!

**Step - 4 : ** Implement Methods

func collectionView(_ collectionView: UICollectionView, numberOfItemsInSection section: Int) -> Int
    {
        if collectionView == self.collViewEvents
        {
            return self.ArrEvent.count
        }
    }


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

           {

let cell = collectionView.dequeueReusableCell(withReuseIdentifier: "CollCell", for: indexPath) as! CollCell // let Listingimage = self.ArrListing[indexPath.item]["url"].stringValue return cell cell.layer.masksToBounds = false cell.layer.shadowOffset = CGSize(width: 2.5, height: 2.5) cell.layer.shadowRadius = 5 cell.layer.shadowOpacity = 0.5 cell.layer.cornerRadius = 6.0 cell.contentView.backgroundColor = UIColor.white

            let Listingimage = self.ArrListing[indexPath.item]["url"].stringValue
            print(Listingimage)
            let ImageUrl = URL_IMAGES.listing_logo+Listingimage

            cell.lblTitle?.text = self.ArrListing[indexPath.item]["business_name"].stringValue
            cell.lblDesc?.text = self.ArrListing[indexPath.item]["slogan"].stringValue
            cell.Imagview?.sd_setImage(with: URL(string: ImageUrl), placeholderImage: UIImage(named: "splash screen-test-compress.jpg"), options: [.continueInBackground,.lowPriority], completed: {(image,error,cacheType,url) in

                if error == nil
                {
                    cell.Imagview?.image = image
                }
                else
                {
                    cell.Imagview?.image =  UIImage(named: "splash screen-test-compress.jpg")
                }
            })
        }
}

func collectionView(_ collectionView: UICollectionView, layout collectionViewLayout: UICollectionViewLayout, sizeForItemAt indexPath: IndexPath) -> CGSize
    {
let size = CGSize(width: (collectionView.frame.size.width - 30)/2.5, height: 150)
            return size
}


func collectionView(_ collectionView: UICollectionView, didSelectItemAt indexPath: IndexPath)
    {
let strId = self.ArrListing[indexPath.item]["id"].stringValue
            let detailVC = self.storyboard?.instantiateViewController(withIdentifier: "ListingDetails_InnerVC") as! ListingDetails_InnerVC
            detailVC.strID = strId
            self.navigationController?.pushViewController(detailVC, animated: true)
    }

self.collViewFeaturedEventsHeight.constant = self.collViewFeaturedEvents.collectionViewLayout.collectionViewContentSize.height self.view.updateConstraintsIfNeeded()