Header in CollectionView not Displaying iOS Swift

Question

I want to add a few buttons to the header of a Collection view. Enabled 'Section Header' from the storyboard. Then dragged a 'view' to that header. And put its background color to green

But I don't why it's not displaying. In the simulator as you see, only a blank space for the header.

Answer 1

Use this Method

Give name in CollectionHeaderCell

func collectionView(_ collectionView: UICollectionView, viewForSupplementaryElementOfKind kind: String, at indexPath: IndexPath) -> UICollectionReusableView {

    switch kind {

    case UICollectionElementKindSectionHeader:

        let headerView = collectionView.dequeueReusableSupplementaryView(ofKind: kind, withReuseIdentifier: "Header", for: indexPath as IndexPath)

        headerView.backgroundColor = UIColor.blue;
        return headerView

    case UICollectionElementKindSectionFooter:
        let footerView = collectionView.dequeueReusableSupplementaryView(ofKind: kind, withReuseIdentifier: "Footer", for: indexPath as IndexPath)

        footerView.backgroundColor = UIColor.green;
        return footerView

    default:

        assert(false, "Unexpected element kind")
    }
}

// make a cell for each cell index path

func collectionView(collectionView: UICollectionView, cellForItemAtIndexPath indexPath: NSIndexPath) -> UICollectionViewCell {

     let cell = collectionView.dequeueReusableCellWithReuseIdentifier("InviteFriendCell", forIndexPath: indexPath)

      let profileimage: UIImageView = (cell.viewWithTag(5) as! UIImageView)

      profileimage.image = UIImage(named:arrayofdata[indexPath.row]["image"]!)
      return cell
 }