Set up a UICollectionView delete button in Swift

Question

I am building an app that uses a collection view to display data that can be deleted by users.

In the prototype cell, I created a button that now appears in every cell that is created (a small X). How can I set the button up to tell me which cell should be deleted (like indexPath.row)?

In principle, I want to do something like this, but in Swift: link

I'd be grateful for any help! Thanks

score 4 · Answer 1 · edited Jun 22 '17 at 06:37

4

- (UICollectionViewCell *)collectionView:(UICollectionView *)collectionView cellForItemAtIndexPath:(NSIndexPath *)indexPath
{
    ...
    UIButton *myButton = [[UIButton alloc] initWithFrame:CGRectMake(123, 123, 40, 40)];
    [myButton setTitle:@"X" forState:UIControlStateNormal];
    [myButton setBackgroundImage:[UIImage imageNamed:@"cellDeleteBtn.png"] forState:UIControlStateNormal];
    [myButton setTag:indexPath.row];
    [myButton addTarget:self action:@selector(deleteCellFromButton:) forControlEvents:UIControlEventTouchUpInside];
    [cell addSubview:myButton];
    return cell;
}

- (void)deleteCellFromButton:(UIButton *)button
{
    [myMutableArray deleteItemAtIndex:button.tag];
    [collectionView reloadData];
}

Here is a Swift version:

func collectionView(collectionView: UICollectionView, cellForItemAtIndexPath indexPath: NSIndexPath) -> UICollectionViewCell {
    var myButton: UIButton = UIButton(frame: CGRectMake(123, 123, 40, 40))
    myButton.setTitle("X", forState: UIControlStateNormal)
    myButton.setBackgroundImage(UIImage.imageNamed("cellDeleteBtn.png"), forState: UIControlStateNormal)
    myButton.setTag(indexPath.row)
    myButton.addTarget(self, action: "deleteCellFromButton:", forControlEvents: UIControlEventTouchUpInside)
    cell.addSubview(myButton)
    return cell
}

func deleteCellFromButton(button: UIButton) {
    myMutableArray.deleteItemAtIndex(button.tag)
    collectionView.reloadData()
}

edited Jun 22 '17 at 06:37

nayem

7,285
1
33
51

answered Aug 18 '15 at 09:20

emotality

12,795
4
39
60

Sorry only saw now it's swift. Updated the title – emotality Aug 18 '15 at 09:22
I'm not sure how to set up indexPath.row – GJZ Aug 18 '15 at 09:50
What do you mean you dont know how to set it up. At which point do you struggle then we can explain it further from there. – emotality Aug 18 '15 at 09:56
I get an error when I create an outlet from my button: The outlet is invalid because of repeating content (i.e. It appears in every cell) – GJZ Aug 18 '15 at 09:58
Since I can't create an outlet, the above methods don't work – GJZ Aug 18 '15 at 09:58
Well initialize the button inside the `cellForItemAtIndexPath` method. `UIButton *myButton = [[UIButton alloc] init];`. Did you do it this way? – emotality Aug 18 '15 at 09:59
I used a StoryBoard to create it, but I found a way to tag it – GJZ Aug 18 '15 at 10:01
Well dont, add it programmatically and use it programmatically. Just add the CollectionView in storyboard. See my updated answer. – emotality Aug 18 '15 at 10:03
I added a link to the question to another post which has a similar problem but I don't understand the Objective-C – GJZ Aug 18 '15 at 10:03
Update my ObjC to Swift and just try it? :) – emotality Aug 18 '15 at 10:06
Let us [continue this discussion in chat](http://chat.stackoverflow.com/rooms/87255/discussion-between-emotality-and-gjz). – emotality Aug 18 '15 at 10:14

score 0 · Answer 2 · edited Aug 18 '15 at 09:25

0

serviceView.collectionArray.removeAtIndex(path.row)
serviceView.collectionView.deleteItemsAtIndexPaths([path])

edited Aug 18 '15 at 09:25

Bhavin Bhadani

22,224
10
78
108

answered Aug 18 '15 at 09:24

user3610878

47
3

The button does not have an indexPath.row as it is available in every cell – GJZ Aug 18 '15 at 09:30
Then tag the button with indexPath.row ? – emotality Aug 18 '15 at 09:34
I updated my ObjC answer, might help to do it yourself in Swift. :) – emotality Aug 18 '15 at 09:40

Set up a UICollectionView delete button in Swift

2 Answers2

Linked