UICollectionView/FlowLayout中

Question

我使用UICollectionView和相關的佈局時所面臨的一個挑戰。我試圖創建一個垂直UICollectionView有兩列，其中，在左，右列中的細胞出現在圖像定位：

我管理沒有問題創造了兩列但在我的佈局中找到正確的設置，以便讓右列偏移一個單元格高度的一半。請注意，所有的細胞都根據屏幕（減去間距）的寬度相同的計算出尺寸...

在我的數據陣列的每一個細胞都得到了一個位置索引，我可以這樣很容易找到一個細胞是否是位於右側或左側它基於基礎（奇/偶）

任何幫助表示讚賞樂意

Answer 1

這是我將如何實現的UICollectionViewFlowLayout子類來實現你想要的。

class OffsetFlowLayout: UICollectionViewFlowLayout { 
    var verticalOffset: CGFloat = 0 

    override func prepare() { 
     super.prepare() 
     verticalOffset = 100 // Calculate offset here 
    } 

    override func layoutAttributesForItem(at indexPath: IndexPath) -> UICollectionViewLayoutAttributes? { 
     guard let attributes = super.layoutAttributesForItem(at: indexPath) else { return nil } 
     guard remainder(Double(indexPath.row), 2) != 0 else { return attributes } 
     // For each item in the right column, offset the y value of it's origin 
     attributes.frame.origin.y += verticalOffset 
     return attributes 
    } 
} 

正如你可以看到，在我們的實施layoutAttributesForItem我們做的第一件事就是打電話超強並存儲返回值。然後我們檢查索引，如果我們在左欄，我們返回超級給了我們什麼，這將是「默認」值。

如果我們在右列中，我們修改屬性對象由我們想要的偏移量以移動單元的框架，然後返回一個。

注：我沒有測試過這一點。有一個機會UICollectionViewFlowLayout使用以前的細胞佈局的下一個單元，在這種情況下，你只需要修改的第一個元素在右列，只是改變guard remainder(Double(indexPath.row), 2) != 0 else { return attributes }到guard indexPath.row == 1 else { return attributes }