How do I change the UIImage of a UIButton that is a property of a custom UICollectionViewCell upon tap?

Question

I have a custom UICollectionViewCell that holds a UIButton with an image set. The purpose of this bottom is to allow users who are shopping via the app to add items to a list of their favourite items.

I have 2 versions of the image. One is a default greyed out heart and the other is a black heart. When a user taps to add an item to their favourites this method is fired:

Method fired on tap of heart:

- (void)addToFavouritesButtonTapped
{
    NSLog(@"add to favourites button tapped");
}

In my cellForItemAtIndexPath method for my UICollectionView I have this:

    _addToFavouritesButton = [cell addFavouriteButton];
   [_addToFavouritesButton addTarget:_thisController action:@selector(addToFavouritesButtonTapped) forControlEvents:UIControlEventTouchUpInside];

Upon tapping the heart to save an item to favourites I'd like the image to change to my highlighted version which is the black heart.

How can I achieve this?

Rich · Accepted Answer · 2014-04-17T17:59:20.220

0

Set the other image as the one for the UIControlStateSelected and then when the button is tapped set the button to selected= YES, this will then change the image.

_addToFavouritesButton = [cell addFavouriteButton];   
[_addToFavouritesButton addTarget:_thisController action:@selector(addToFavouritesButtonTapped:) forControlEvents:UIControlEventTouchUpInside];
[_addToFavouritesButton setImage:blackHeart forState:UIControlStateSelected];

- (void)addToFavouritesButtonTapped:(UIButton *)sender
{
    NSLog(@"add to favourites button tapped");
    sender.selected = YES;
}

edited Apr 17 '14 at 17:59

answered Apr 17 '14 at 17:25

Rich

8,108
5
46
59

How do I keep track of the selected button? Everytime I scroll it the cell with the newly updated heart isn't the one I originally modified. – LondonGuy Apr 17 '14 at 17:43
You probably want something like [this](http://stackoverflow.com/questions/9274494/how-to-know-the-uitableview-row-number). And you'll need some sort of store against favourited items which you can query in `cellForItemAtIndexPath` – Rich Apr 17 '14 at 17:53

score 0 · Answer 2 · answered Apr 17 '14 at 17:26

You can use the button state to show a different image. Check the documentation for UIButton, there is a method setImage:forState: that you can use to set an image for normal state, highlighted state, selected state. You can even do it in Interface Builder.

On a side note, if you want to do something else with the button once it's pressed you should do the following:

Append : to the selector

[_addToFavouritesButton addTarget:_thisController action:@selector(addToFavouritesButtonTapped:) forControlEvents:UIControlEventTouchUpInside];

Receive the UIButton in the method

- (void)addToFavouritesButtonTapped:(UIButton *)sender

Then you can manipulate the button in that method

How do I change the UIImage of a UIButton that is a property of a custom UICollectionViewCell upon tap?

2 Answers2