如何使用IBOutlet UIImageView将自定义对象添加到UICollectionViewCell？

Question

Basically I want to add custom object (GameBubble) with IBOutlet UIImageView (GameBubbleImageView) into my custom collection view cells (GameBubbleCell), However I cannot link the IBOutlet imageView to the controller.

GameBubble:
IBOutlet UIImageView *GameBubbleImageView;

GameBubbleCell:
GameBubble *bubble;

In the storyboard I can only find my GameBubbleCell, so I cannot link my GameImageView to the controller.

My alternative way is to set:

GameBubble:
UIImage *GameBubbleImage;

GameBubbleCell:
IBOutlet UIImageView *GameBubbleImageView;
GameBubble *bubble;

but this is not a good MVC pattern. Is there a way to achieve my previous design?

Answer 1

In storyboard drop your image view onto the collection view cell in collection view controller. Provide some integer value to the tag field of image view in the attributes inspector. Following code might help you:

-(UICollectionViewCell *) collectionView:(UICollectionView *)collectionView cellForItemAtIndexPath:(NSIndexPath *)indexPath {

    static NSString *identifier = @"Cell";
    UICollectionViewCell *collectionViewCell = [collectionView dequeueReusableCellWithReuseIdentifier:identifier forIndexPath:indexPath];
    UIImageView *recipeImageView = (UIImageView *) [collectionViewCell viewWithTag:100];
    recipeImageView.image = [UIImage imageNamed:[recipePhotos objectAtIndex:indexPath.row]];
    //collectionViewCell.backgroundView = [[UIImageView alloc] initWithImage:[UIImage imageNamed:@"photo-frame.png"]];
    return collectionViewCell;
}

Answer 2

Use Like this

GameBubble:
UIImageView *GameBubbleImageView;

GameBubbleCell:
IBOutlet GameBubble *bubble;