如何在集合視圖中顯示圖像視圖根據屏幕大小自行調整大小？

Question

我有一個圖像視圖的集合視圖，當在iPhone 7上的模擬器中運行時，佈局就是我想要的 - 每行顯示3個圖像，兩個圖像之間沒有間距。但是，當我在手機（iPhone 6+）上運行它時，圖像之間會有間距。

這些都是建立佈局的功能：

func collectionView(_ collectionView: UICollectionView, layout collectionViewLayout: UICollectionViewLayout, insetForSectionAt section: Int) -> UIEdgeInsets { 
    return UIEdgeInsetsMake(0,0,0,0) 
} 

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

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

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

    let imgWidth = view.bounds.width/3.0 
    let imgHeight = imgWidth 

    return CGSize(width: imgWidth, height: imgHeight) 
} 

我在想，sizeForItem會時指出，寬度是屏幕的寬度除以三，高度等於重新縮放圖像對此。但我想我對此感到困惑，也許它只是調整單元格大小，而不是調整內部的圖像視圖。不過，我不確定在哪裏可以將圖像視圖大小設置爲隨屏幕大小動態縮放。

如何更改它以便集合視圖中的圖像單元相應地調整其大小，並且每行保留3行，無間距，而不管屏幕大小如何？

編輯：

編輯2：把cell.postImage.contentMode = UIViewContentMode.scaleAspectFill到cellForItem方法後試圖iOSFreak的解決方案後，問題仍然存在：

Answer 1

只要你有固定到使用自動佈局小區0頂，0底，0領先，和0尾隨或.flexible高度的自動尺寸調整和收集視圖細胞的ImageView的。靈活的寬度我不明白爲什麼它不會在你的例子中工作。你的方法看起來不錯。

在聲明示例中是否有UICollectionViewDelegateFlowLayout？

class ViewController: UIViewController,UICollectionViewDelegate,UICollectionViewDataSource,UICollectionViewDelegateFlowLayout {} 

Answer 2

請嘗試下面的代碼

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

    let imgWidth = CGRectGetWidth(collectionView.frame)/3.0 
    return CGSize(width: imgWidth, height: imgWidth) 
} 

如果這不起作用，創建的UICollectionViewFlowLayout一個子類，如下圖所示

更新到3.0迅速

class CustomImageLayout: UICollectionViewFlowLayout { 

var numberOfColumns:CGFloat = 3.0 

override init() { 
    super.init() 
    setupLayout() 
} 

required init?(coder aDecoder: NSCoder) { 
    super.init(coder: aDecoder) 
    setupLayout() 
} 

override var itemSize: CGSize { 
    set { } 
    get { 
     let itemWidth = (self.collectionView!.frame.width - (self.numberOfColumns - 1))/self.numberOfColumns 
     return CGSize(width: itemWidth, height: itemWidth) 
    } 
} 

func setupLayout() { 
    minimumInteritemSpacing = 1 // Set to zero if you want 
    minimumLineSpacing = 1 
    scrollDirection = .vertical 
} 
} 

您需要設置集合視圖佈局，自定義佈局。

class ViewController: UIViewController { 

    @IBOutlet weak var colleciton: UICollectionView! 

override func viewDidLoad() { 
    super.viewDidLoad() 
    colleciton.collectionViewLayout = CustomImageLayout() 
    // Do any additional setup after loading the view, typically from a nib. 
} 
}