How to get the same image on detailed view on clicking a cell on collection view?

Question

I am working on an iOS app.I have a collection view which have some images.Images come from an array I have created.When I clicked on a cell of collection view, a second view controller opens.I want to show that particular image on second view controller on which I have clicked on the collection view. How to do that?

Answer 1

Create image object in SecondViewController like below:

@property (nonatomic, strong) UIImageView *detailImageView;
@property (nonatomic, strong) UIImage *detailImage;

In your FirstViewController.m do the same as below:

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

 CollectionViewCell *cell = [collectionViewObject dequeueReusableCellWithReuseIdentifier:reuseIdentifier forIndexPath:indexPath];
 SecondViewController *secondViewController = [[SecondViewController alloc] init];
 secondViewController.detailImage = cell.imageView.image;
 [self.navigationController pushViewController:secondViewController animated:YES];
}

And then in SecondViewController.m viewDidLoad method

- (void)viewDidLoad
{
 [super viewDidLoad];

  self.detailImageView.image = self.detailImage;
}

Hope this will work for you!!

Answer 2

I hope you have created UIImageView in next ViewController

Step 1. Firs of all in you next ViewController.h create image

@property (nonatomic, strong) UIImage *image;

then in previous ViewControler.m find you didSelectItemAtIndexPath method, or create them, and add next code:

- (void)collectionView:(UICollectionView *)collectionView didSelectItemAtIndexPath:(NSIndexPath *)indexPath {
   MyCollectionViewCell *cell = [self.collectionView dequeueReusableCellWithReuseIdentifier:reuseIdentificer forIndexPath:indexPath];
   MyViewController *myvc = [[MyViewController alloc] init];
   myvc.image = cell.imageView.image;
   [self presentViewController: myvc animated:YES completion:nil];
}

if you don`t using storyboard go to step 3.

Step 2. If you using storyboard create image in you next ViewController.h then in previous ViewControler.m find you didSelectItemAtIndexPath method, or create them, and add next code:

- (void)collectionView:(UICollectionView *)collectionView didSelectItemAtIndexPath:(NSIndexPath *)indexPath {
   [self performSegueWithIdentifier:@"nextVCSeagueName" sender:self];
}

add method

- (void)prepareForSegue:(UIStoryboardSegue *)segue sender:(id)sender {
    if ([segue.identifier isEqualToString:@"nextVCSeagueName"]) {
        MyviewController *myvc = segue.destinationViewController;
        myvc.image = [imagesArray objectAtIndex:[[self.collectionView indexPathsForSelectedItems] firstObject]];
    }
}

Step 3. In next ViewController.m in viewDidLoad add

-(void)viewDidLoad {
   [super viewDidLoad];

   myImageView.image = self.image;
}

Answer 3

Use the delegate method to know which image to pass-

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

Let's assume your array of images is called imageArray. In your class, declare an image String like-

@propert NSString *selectedImage;

Now, when you implement the didSelectItemAtIndexPath method, you can save the image that is loaded in that particular row in your selectedImage variable. Then you can implement the prepareForSegue method to pass this variable to your Second View Controller.

Let's assume, you have declared a variable called imageFromFirstviewController in your SecondViewcontroller.h file.

@propert NSString *imageFromFirstviewController;

Now, you can do something like following in your didSelectItemAtIndexPath method-

-(void)collectionView:(UICollectionView *)collectionView didSelectItemAtIndexPath:(NSIndexPath *)indexPath {
    self.selectedImage = [self.imageArray objectAtIndex:indexPath.row] ;
}

after that pass this image name to the Second View Controller through the segue method.

- (void)prepareForSegue:(UIStoryboardSegue *)segue sender:(id)sender
{
    // "my-segue-name" which is assign in the storyboard while attaching the segue
    if ([[segue identifier] isEqualToString:@"my-segue-name"])
    {   
        SecondViewcontroller *secondVC = [segue destinationViewController];
        secondVC.imageFromFirstviewController = self.selectedImage;
    }
} 

Now, as you have access to your selected image in your second view controller, you can use this imageFromFirstviewController anyway you want.