UICollectionView: aggiungere spazio tra intestazione e articoli

Question

voglio aggiungere qualche distanza tra la mia intestazione e gli elementi reali, che attualmente simile a questa:

func collectionView(collectionView: UICollectionView, viewForSupplementaryElementOfKind kind: String, atIndexPath indexPath: NSIndexPath) -> UICollectionReusableView { 
    // Create header 
    switch kind{ 
     case UICollectionElementKindSectionHeader: 
      let headerView = iconCollectionView.dequeueReusableSupplementaryViewOfKind(kind, withReuseIdentifier: "customIconHeaderView", forIndexPath: indexPath) as! CustonIconHeaderView 
      headerView.setUp() //add whatever into the view 
      return headerView 
     default: 
      assert(false, "Unexpected element kind") 
    } 

} 

Answer 1

Un modo che si può fare è quello di aumentare altezza del vostro contenitore di intestazione utilizzando

collectionView(_:layout:referenceSizeForHeaderInSection:)

Esempio:

func collectionView(collectionView: UICollectionView, layout collectionViewLayout: UICollectionViewLayout, referenceSizeForHeaderInSection section: Int) -> CGSize { 
    return CGSize(width: 0, height: yourHeaderContentHeight + yourHeaderMarginToCell) 
} 

Edit:

func collectionView(collectionView: UICollectionView, viewForSupplementaryElementOfKind kind: String, atIndexPath indexPath: NSIndexPath) -> UICollectionReusableView { 
    let headerView = collectionView.dequeueReusableSupplementaryViewOfKind(UICollectionElementKindSectionHeader, withReuseIdentifier: "YourID", forIndexPath: indexPath) 

    let yourCustomView = UIView(frame: CGRect(x: 0, y: 0, width: yourHeaderWidth, height: yourHeaderHeight)) 

    headerView.addSubview(yourCustomView) 

    return headerView 
} 

func collectionView(collectionView: UICollectionView, layout collectionViewLayout: UICollectionViewLayout, referenceSizeForHeaderInSection section: Int) -> CGSize { 
    return CGSize(width: yourHeaderWidth, height: yourHeaderHeight + yourHeaderMargin) 
} 

Answer 2

Tu sei fondamentalmente parlando di aggiungendo un margine superiore alla sezione di visualizzazione di raccolta, per questo è necessario impostare top inserto per la sezione. Per farlo in codice, implementare insetForSectionAtIndex:

func collectionView(collectionView: UICollectionView, layout collectionViewLayout: UICollectionViewLayout, insetForSectionAtIndex section: Int) -> UIEdgeInsets { 
    return UIEdgeInsets(top: 10.0, left: 1.0, bottom: 1.0, right: 1.0) 
} 

Se non si desidera implementare il insetForSectionAtIndex, si potrebbe anche fare qualcosa di simile in un metodo appropriato per esempio viewDidLoad:

let layout = collectionView.collectionViewLayout as! UICollectionViewFlowLayout 
layout.sectionInset = UIEdgeInsets(top: 10.0, left: 1.0, bottom: 1.0, right: 1.0) 

In Interface Builder, vista Seleziona la raccolta e modificare il valore per Insets Sezione -> Top come mostrato nell'immagine qui sotto:

NOTA: Questo solo funziona se stai usando Flow Layout.