UICollectionView不滾動

Question

我試圖創建一個UICollectionView，所有單元格100％可見，這樣我就不需要滾動來查看它們。我目前正在嘗試顯示一個3x3的網格，並在運行中計算單元格的大小。

我有一個容器視圖中的標題CollectionView和UIView。標題固定在容器頂部，高度爲100px。 CollectionView低於此值，固定到每一面，底部，並將其頂部固定到標題底部。

當我使用sizeForItemAt時，我試圖找到可見區域的大小，將它分成1/3大小的塊（除了填充/插入）。我的代碼如下所示：

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

    let numRows = self.numRows() 
    let itemsPerRow = self.itemsPerRow() 

//  let frameSize = collectionView.frame.size 
    let frameSize = collectionView.bounds.size 
//  let frameSize = collectionView.collectionViewLayout.collectionViewContentSize 
//  let frameSize = collectionView.intrinsicContentSize 

    let totalItemPadding = self.itemPadding * (itemsPerRow - 1) 
    let totalLinePadding = self.linePadding * (numRows - 1) 

    let availableWidth = frameSize.width - totalItemPadding 
    var widthPerItem = availableWidth/itemsPerRow 

    let availableHeight = frameSize.height - totalLinePadding 
    var heightPerItem = availableHeight/numRows 

    return CGSize(width: widthPerItem, height: heightPerItem) 
} 

結果始終是第3行的一半左右被遮蔽的，因爲它看起來像框架尺寸爲「高」比實際顯示在模擬器。

有什麼在UICollectionView這會給我的可見大小？我在佈局時間方面錯誤的時間，還是應該添加另一種方法，在某些時候使尺寸無效？

我還沒有找到任何教程顯示所有項目的集合視圖，並且不垂直滾動，所以任何其他指針（甚至是類似這樣的庫）都將不勝感激。

謝謝！

Answer 1

你確定這個方法被調用嗎？在這個例程中添加一個日誌語句或一個斷點，並確保它被調用。

如果你忽略正式聲明你的視圖控制器符合UICollectionViewDelegateFlowLayout，一個常見的問題可能會阻止它被調用。在這種情況下，它將使用它在故事板中找到的任何內容。但我這樣做的時候，你的代碼工作對我很好，例如：

extension ViewController: UICollectionViewDelegateFlowLayout { 

    func collectionView(_ collectionView: UICollectionView, 
         layout collectionViewLayout: UICollectionViewLayout, 
         sizeForItemAt indexPath: IndexPath) -> CGSize { 
     let numRows = self.numRows() 
     let itemsPerRow = self.itemsPerRow() 

     let frameSize = collectionView.bounds.size 

     let layout = collectionViewLayout as! UICollectionViewFlowLayout 

     let totalItemPadding = layout.minimumInteritemSpacing * (itemsPerRow - 1) 
     let totalLinePadding = layout.minimumInteritemSpacing * (numRows - 1) 

     let availableWidth = frameSize.width - totalItemPadding 
     let widthPerItem = availableWidth/itemsPerRow 

     let availableHeight = frameSize.height - totalLinePadding 
     let heightPerItem = availableHeight/numRows 

     return CGSize(width: widthPerItem, height: heightPerItem) 

    } 
} 

請注意，我用的也是minimumInteritemSpacing，所以我使用現有的間隔參數，而不是定義自己。它使我更好地使用現有的參數（尤其是可以在IB中設置的參數）。

---

順便說一句，作爲替代，如果它總是將是在一個屏幕上，就是用自己的自定義佈局，而不是流佈局。這樣你就不會糾結集合視圖的委託與許多繁瑣的代碼。它會更復用一點。例如：

class GridLayout: UICollectionViewLayout { 

    var itemSpacing: CGFloat = 5 
    var rowSpacing: CGFloat = 5 

    private var itemSize: CGSize! 
    private var numberOfRows: Int! 
    private var numberOfColumns: Int! 

    override func prepare() { 
     super.prepare() 

     let count = collectionView!.numberOfItems(inSection: 0) 

     numberOfColumns = Int(ceil(sqrt(Double(count)))) 
     numberOfRows = Int(ceil(Double(count)/Double(numberOfColumns))) 

     let width = (collectionView!.bounds.width - (itemSpacing * CGFloat(numberOfColumns - 1)))/CGFloat(numberOfColumns) 
     let height = (collectionView!.bounds.height - (rowSpacing * CGFloat(numberOfRows - 1)))/CGFloat(numberOfRows) 
     itemSize = CGSize(width: width, height: height) 
    } 

    override var collectionViewContentSize: CGSize { 
     return collectionView!.bounds.size 
    } 

    override func layoutAttributesForItem(at indexPath: IndexPath) -> UICollectionViewLayoutAttributes? { 
     let attributes = UICollectionViewLayoutAttributes(forCellWith: indexPath) 

     attributes.center = centerForItem(at: indexPath) 
     attributes.size = itemSize 

     return attributes 
    } 

    override func layoutAttributesForElements(in rect: CGRect) -> [UICollectionViewLayoutAttributes]? { 
     return (0 ..< collectionView!.numberOfItems(inSection: 0)).map { IndexPath(item: $0, section: 0) } 
      .flatMap { layoutAttributesForItem(at: $0) } 
    } 

    private func centerForItem(at indexPath: IndexPath) -> CGPoint { 

     let row = indexPath.item/numberOfColumns 
     let col = indexPath.item - row * numberOfColumns 

     return CGPoint(x: CGFloat(col) * (itemSize.width + itemSpacing) + itemSize.width/2, 
         y: CGFloat(row) * (itemSize.height + rowSpacing) + itemSize.height/2) 
    } 

    override func shouldInvalidateLayout(forBoundsChange newBounds: CGRect) -> Bool { 
     return true 
    } 
} 

，然後在視圖控制器：

override func viewDidLoad() { 
    super.viewDidLoad() 

    let layout = GridLayout() 
    layout.itemSpacing = 10 
    layout.rowSpacing = 5 
    collectionView?.collectionViewLayout = layout 
} 

Answer 2

對於版面大小，你可以使用UICollectionViewFlowLayout和涉及的尺寸在屏幕寬度和高度的條款，以保護UICollectionView.見的網格樣式的外觀：https://developer.apple.com/documentation/uikit/uicollectionviewflowlayout和https://www.raywenderlich.com/136159/uicollectionview-tutorial-getting-started。

至於滾動問題，請檢查您的滾動功能是否啓用，您的約束設置是否正確，並且您沒有在此鏈接中提到的問題。 UICollectionView does not scroll

祝你好運！ :)

Answer 3

您滾動不工作，因爲視圖是屏幕的只是大小...

只是爲了讓招加1000的偏移的CollectionView的總高度的量是每row *（row.size.height + padding）。