How to add a delete button to Collection View Cell in Swift?

Question

Right now I have a list of scrolling usernames using a Collection View of buttons. But I’d like to add overlapping delete buttons to each row. They\'d need to be attached to

Answer 1

Why not create custom UICollectionViewCell in IB and just add button to it ? Register it to your collectionView with :

- registerNib:forCellReuseIdentifier:

You can use delegate or notification to process button tap.

Answer 2

Got it working! Here's how:

1. I added a button to the cell in the Storyboard.
2. Connected an outlet to the UICollectionViewCell class.

3. Edited view controller code to:

   func collectionView(collectionView: UICollectionView, cellForItemAtIndexPath indexPath: NSIndexPath) -> UICollectionViewCell {
   
     let cell: UsernameCollectionViewCell = collectionView.dequeueReusableCellWithReuseIdentifier("Cell", forIndexPath: indexPath) as! UsernameCollectionViewCell
   
     cell.usernameLabel.text = userNames [indexPath.row]
   
     cell.deleteButton?.layer.setValue(indexPath.row, forKey: "index")
     cell.deleteButton?.addTarget(self, action: "deleteUser:", forControlEvents: UIControlEvents.TouchUpInside)
   
     // Remove the button from the first cell
     if (indexPath.row == 0){
       var close : UIButton = cell.viewWithTag(11) as! UIButton
       close.hidden = true
     }
   
     return cell
   }
   
   func deleteUser(sender:UIButton) {
   
     let i : Int = (sender.layer.valueForKey("index")) as! Int
     userNames.removeAtIndex(i)
     UserSelectCollection.reloadData()
   }
   

Many thanks to JigarM for his examples on GitHub: https://github.com/JigarM/UICollectionView-Swift