如何更改UICollectionView中整個部分的背景顏色？

Question

在UICollectionView，我想給整個面上的均勻背景色，而不是爲單個細胞或整個集合視圖。

我看不出有任何的委託方法，這樣做，有什麼建議？

Answer 1

我沒有嘗試這樣做出來呢，但在我看來，你需要使用裝飾的觀點，如果你想你的細胞後面的背景（如在圖書應用下架）。我認爲你應該能夠對每個部分有不同的觀點，並使用委託方法layoutAttributesForDecorationViewOfKind:atIndexPath:進行設置。

Answer 2

在集合視圖中的每個部分可以有補充意見，所以提出補充意見每一部分然後設置背景顏色爲補充的意見，而不是部分的細胞。我希望這會有所幫助。

Answer 3

這是改變UICollectionView部分顏色有很大的教程：

更新的鏈接，這要歸功於用戶@casamia

http://www.ericjchapman.com/jekyll/update/ios/2014/11/10/ios-changing-section-background-color-in-UICollectionView.html

基本上，我們將不得不繼承UICollectionViewLayoutAttributes，UICollectionReusableView和UICollectionViewLayout爲了創建一個實例UICollectionReusableView作爲部分的背景視圖。

這是他的結果是：

請按照鏈接查看更多細節說明。

Answer 4

我已經改變了每個部分的背景顏色，在下面的方法非常簡單的方式：但我不知道它是否是做正確的事。但它確實有效。

- (UICollectionViewCell *)collectionView:(UICollectionView *)collectionView cellForItemAtIndexPath:(NSIndexPath *)indexPath { 
    FamilyCalendarCellItemCollectionViewCell *cell = [collectionView dequeueReusableCellWithReuseIdentifier:@"calendarItem" forIndexPath:indexPath]; 
    Event *event; 
    _headerView = [collectionView dequeueReusableSupplementaryViewOfKind: 
        UICollectionElementKindSectionHeader withReuseIdentifier:@"EventHeader" forIndexPath:indexPath]; //headerView is declared as property of Collection Reusable View class 
    if(indexPath.section==0) { 

     cell.backgroundColor=[UIColor orangeColor]; 
     } 
    else if(indexPath.section==1) { 

     cell.backgroundColor=[UIColor yellowColor]; 

    } 

    return cell; 
} 

Answer 5

的想法是覆蓋UICollectionViewLayoutAttributes添加顏色屬性。然後重寫UICollectionReusableView將顏色應用於視圖背景。

https://github.com/strawberrycode/SCSectionBackground

Answer 6

我去這裏https://github.com/SebastienMichoy/CollectionViewsDemo/tree/master/CollectionViewsDemo/Sources/Collections%20Views

關閉此回購的斯威夫特3

子uicollectionreusableview

class SectionView: UICollectionReusableView { 
    static let kind = "sectionView" 
} 

子uicollectionViewFlowLayout

class CustomFlowLayout: UICollectionViewFlowLayout { 

// MARK: Properties 

var decorationAttributes: [IndexPath: UICollectionViewLayoutAttributes] 
var sectionsWidthOrHeight: [IndexPath: CGFloat] 


// MARK: Initialization 

override init() { 
    self.decorationAttributes = [:] 
    self.sectionsWidthOrHeight = [:] 

    super.init() 
} 

required init?(coder aDecoder: NSCoder) { 
    self.decorationAttributes = [:] 
    self.sectionsWidthOrHeight = [:] 

    super.init(coder: aDecoder) 
} 

// MARK: Providing Layout Attributes 

override func layoutAttributesForDecorationView(ofKind elementKind: String, at indexPath: IndexPath) -> UICollectionViewLayoutAttributes? { 
    return self.decorationAttributes[indexPath] 
} 

override func layoutAttributesForElements(in rect: CGRect) -> [UICollectionViewLayoutAttributes]? { 
    var attributes = super.layoutAttributesForElements(in: rect) 
    let numberOfSections = self.collectionView!.numberOfSections 
    var xOrYOffset = 0 as CGFloat 

    for sectionNumber in 0 ..< numberOfSections { 
     let indexPath = IndexPath(row: 0, section: sectionNumber) 
     let numberOfItems = self.collectionView?.numberOfItems(inSection: sectionNumber) 
     let sectionWidthOrHeight = numberOfItems == 0 ? UIScreen.main.bounds.height : collectionViewContentSize.height//self.sectionsWidthOrHeight[indexPath]! 
     let decorationAttribute = UICollectionViewLayoutAttributes(forDecorationViewOfKind: SectionView.kind, with: indexPath) 
     decorationAttribute.zIndex = -1 

     if self.scrollDirection == .vertical { 
      decorationAttribute.frame = CGRect(x: 0, y: xOrYOffset, width: self.collectionViewContentSize.width, height: sectionWidthOrHeight) 
     } else { 
      decorationAttribute.frame = CGRect(x: xOrYOffset, y: 0, width: sectionWidthOrHeight, height: self.collectionViewContentSize.height) 
     } 

     xOrYOffset += sectionWidthOrHeight 

     attributes?.append(decorationAttribute) 
     self.decorationAttributes[indexPath] = decorationAttribute 
    } 

    return attributes 
} 
} 

實現這個

的CollectionView委託功能

func collectionView(_ collectionView: UICollectionView, willDisplaySupplementaryView view: UICollectionReusableView, forElementKind elementKind: String, at indexPath: IndexPath) { 

    Log.printLog(identifier: elementKind, message: indexPath) 
    if elementKind == UICollectionElementKindSectionHeader, let view = view as? ProfileViewHeaderView { 

     view.backgroundColor = UIColor(red: (102/255.0), green: (169/255.0), blue: (251/255.0), alpha: 1) 
    } else if elementKind == SectionView.kind { 
     let evenSectionColor = UIColor.black 
     let oddSectionColor = UIColor.red 

     view.backgroundColor = (indexPath.section % 2 == 0) ? evenSectionColor : oddSectionColor 
    } 
} 

這是很重要

let layout = CustomFlowLayout() 
layout.register(SectionView.self, forDecorationViewOfKind: SectionView.kind) 

與佈局登記UICollectionReusableView沒有的CollectionView。

還有一件事。我在layoutAttributesForElements中弄亂了高度。你應該改變它爲你自己的項目。