Swift - 缩小UICollectionViewCell

Question

之间的差距即使我在UICollectionViewCell检查器中实现自动布局和一些设置，我的UICollectionViewCell也不好看。

我的设置是这样的

我UICollectionViewCell自动版式

我的ImageView自动版式

我的代码

PopularViewController.swift

import UIKit 
import Alamofire 

class PopularViewController: UIViewController,UICollectionViewDataSource, UICollectionViewDelegate, UICollectionViewDelegateFlowLayout { 

    var users: [JSON] = [] 
    @IBOutlet var collectionView: UICollectionView! 

    func collectionView(collectionView: UICollectionView, numberOfItemsInSection section: Int) -> Int { 
     //#warning Incomplete method implementation -- Return the number of items in the section 
     return users.count 
    } 

    func collectionView(collectionView: UICollectionView, cellForItemAtIndexPath indexPath: NSIndexPath) -> UICollectionViewCell { 
     let cell = collectionView.dequeueReusableCellWithReuseIdentifier("UserCell", forIndexPath: indexPath) as! PopularCollectionViewCell 

     cell.user = self.users[indexPath.row] 
     return cell 
    } 

    override func viewDidLoad() { 
     super.viewDidLoad() 

     Alamofire.request(.GET, "http://128.199.160.213/datetick/users.json").responseJSON { (request, response, json, error) in 

      if json != nil { 
       var jsonObj = JSON(json!) 
       if let data = jsonObj["users"].arrayValue as [JSON]?{ 
        self.users = data 
        self.collectionView.reloadData() 
       } 
      } 

     } 
    } 
} 

PopularCollectionViewCell.swift

class PopularCollectionViewCell: UICollectionViewCell { 

    @IBOutlet weak var profilePicture:UIImageView! 

    var user:JSON?{ 
     didSet{ 
      self.setupUser() 
     } 
    } 

    func setupUser(){ 

     if let urlString = self.user?["profilePhoto"]{ 
      let url = NSURL(string: urlString.stringValue) 
      self.profilePicture.hnk_setImageFromURL(url!) 
     } 

    } 
} 

我的输出

请指点。谢谢。

Answer 1

我知道它迟到了，但它可能对其他人有用。

您可以使用UICollectionViewDelegateFlowLayout来减小尺寸。您已经继承了这个类在你PopularViewController

使用下面的函数来做到这一点

//To Show 3 items per row 
func collectionView(collectionView: UICollectionView, layout collectionViewLayout: UICollectionViewLayout, sizeForItemAtIndexPath indexPath: NSIndexPath) -> CGSize { 
    return CGSize(width: (collectionView.frame.size.width - 3)/3, height: 110) 
} 

func collectionView(collectionView: UICollectionView, layout collectionViewLayout: UICollectionViewLayout, minimumInteritemSpacingForSectionAtIndex section: Int) -> CGFloat { 
    return 1 
} 

func collectionView(collectionView: UICollectionView, layout collectionViewLayout: UICollectionViewLayout, minimumLineSpacingForSectionAtIndex section: Int) -> CGFloat { 
    return 1 
}