Go to another view by clicking a button in Custom Cell

Question

I created the custom cell (XIB) as the subclass of UICollectionViewCell and the cell has a button in it. When I click a button, I want to go to another view with some data on that, and could go back to the original view by clicking a button as well. I've search for that and found something like "segue" or "modal" but I can't do it initially from my custom cell.

Is there any way to do this? Any help would be very thankful.

Answer 1

So what you want to do, since it seems like UICollectionView works the same as UITableView, is make a subclass of UICollectionViewCell that contains a protocol to send actions, like pressing a button, to a view controller from a different view. In this case, a different view being the UICollectionViewCell.

Adding a Protocol to a UICollectionViewCell

Add a new Cocoa Touch Class called UICustomCollectionViewCell with subclass of UICollectionViewCell. And include the interface builder file

header file UICustomCollectionViewCell.h

@protocol UICustomCollectionViewCellDelegate;

@interface UICustomCollectionViewCell : UICollectionViewCell

@property ( nonatomic, retain) IBOutlet UIButton *button;
- (IBAction)pressButton:(id)sender;

@property ( assign) id< UICustomCollectionViewCellDelegate> delegate;

@end

@protocol UICustomCollectionViewCellDelegate <NSObject>

@optional
- (void)customCollectionViewCell:(UICustomCollectionViewCell *)cell pressedButton:(UIButton *)button;

@end

implementation file UICustomCollectionViewCell.m

@implementation UICustomCollectionViewCell
@synthesize delegate;

- (IBAction)pressButton:(id)sender {
    if ([delegate respondsToSelector: @selector( customCollectionViewCell:pressedButton:)])
        [delegate customCollectionViewCell: self pressedButton: sender];

}

@end

xib file UICustomCollectionViewCell.xib

make sure the connections from the UICustomCollectionViewCell are connected to the button from the Connections Inspector:

1. button
2. -pressButton:

Finally, using this class in your project

Import the class as well as the delegate:

#import "UICustomCollectionViewCell.h"

@interface ViewController () < UICustomCollectionViewCellDelegate>

@end

In this following code, you will use the UICustomCollectionViewCell class instead of UICollectionViewCell:

UICustomCollectionViewCell *cell;

...
[cell setDelegate: self];
...

return cell;

And now the action, or method, that is called when the button is pressed:

- (void)customCollectionViewCell:(UICustomCollectionViewCell *)cell pressedButton:(UIButton *)button {
    //action will be here when the button is pressed

}

If you want to find out what indexPath this cell was from:

[collectionView indexPathForCell: cell];

Answer 2

You can't/shouldn't perform navigation jobs in the cell, navigation is not in the cells domain.

What you can try is

1) Use a delegate, setup a delegate and wire it up to the button action, the controller hosting the tableview/collection view can set itself up as the delegate and listen to any events. This controller should be in charge of pushing a new view to the stack using any method you desire.

2) If you hate delegates but love blocks, you can setup a callback block on the cell, its actions could be setup in the cellForRowAtIndex: method in the controller.

Noticed a pattern here? both the above methods are delegating the task from the cell to the controller.

If all fails, just implement didSelectItemAtIndexPath: and stick with it.

Answer 3

Did you try with didSelect method?

- (void)collectionView:(UICollectionView *)collectionView
didSelectItemAtIndexPath:(NSIndexPath *)indexPath{

UIStoryboard *storyboard = [UIStoryboard storyboardWithName:@"Main" bundle: nil];

YourNewViewControllerClass *someViewController = [storyboard instantiateViewControllerWithIdentifier:@"YourNewVCID"];

[self presentViewController:someViewController
                     animated:YES
                   completion:nil];
}

Answer 4

Easiest way would be to implement cellForRow.. method, set a tag for your cell/button and react basing on that tag (eg. indexPath.row).

Answer 5

1.custom your button

NouMapButton.h

#import <Foundation/Foundation.h>

@interface NouMapButton : UIButton 
@property (nonatomic, readwrite, retain) NSObject *dataObj;
@end

NouMapButton.m

#import "NouMapButton.h"
@implementation NouMapButton
@end

2. set your button data and target in

   -(UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath
   
   btn01.dataObj = YOUR_DATA;
   [btn01 addTarget:self action:@selector(map:) forControlEvents:UIControlEventTouchUpInside];
   

3. then you can get button custom dataObj in sender.dataObj

   -(void)map:(NouMapButton *)sender{
       MapViewController *nextView = [[MapViewController alloc] init];
       nextView.dataObj = sender.dataObj;
       //TODO....
   
   
   }