CODEWITHSUNDEEP
iphoneobjective-cuitableviewuiimage
uttam
uttam

Reputation: 1364

Different image in each cell of a UITableview

I want to set a different image for each cell of my table view. I don't know how to do this -- please help me.

Upvotes: 3

Views: 8451

Answers (2)

Steve Harrison
Steve Harrison

Reputation: 125660

  1. Create a property to store an array of different image names.

    In your header (.h) file:

    @interface MyViewController : UITableViewController {
    NSArray *cellIconNames;
    // Other instance variables...
}
@property (nonatomic, retain) NSArray *cellIconNames;
// Other properties & method declarations...
@end

    In your implementation (.m) file:

    @implementation MyViewController
@synthesize cellIconNames;
// Other implementation code...
@end

  2. In your viewDidLoad method, set the cellIconNames property to an array containing the different image names (in the order they want to appear):

    [self setCellIconNames:[NSArray arrayWithObjects:@"Lake.png", @"Tree.png", @"Water.png", @"Sky.png", @"Cat.png", nil]];

  3. In your tableView:cellForRowAtIndexPath: table view data source method, get the image name that corresponds with the cell's row:

    NSString *cellIconName = [[self cellIconNames] objectAtIndex:[indexPath row]];

    Then create a UIImage object (using cellIconName to specify the image) and set the cell's imageView to this UIImage object:

    UIImage *cellIcon = [UIImage imageNamed:cellIconName];
[[cell imageView] setImage:cellIcon];

After step 3, your tableView:cellForRowAtIndexPath: method would look something like this:

- (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath {

    /* Initialise the cell */

    static NSString *CellIdentifier = @"MyTableViewCell";

    UITableViewCell *cell = [tableView dequeueReusableCellWithIdentifier:CellIdentifier];
    if (cell == nil) {
        cell = [[[UITableViewCell alloc] initWithStyle:UITableViewCellStyleDefault reuseIdentifier:CellIdentifier] autorelease];
    }

    /* Configure the cell */

    NSString *cellIconName = [[self cellIconNames] objectAtIndex:[indexPath row]];
    UIImage *cellIcon = [UIImage imageNamed:cellIconName];
    [[cell imageView] setImage:cellIcon];

    // Other cell configuration code...

    return cell;
}

Upvotes: 9

Matt Long
Matt Long

Reputation: 24486

You can create a custom cell with a UIImageView in it, but the simplest way is to set the built in image view of the default UITableViewCell in your -cellForRowAtIndexPath table view delegate. Something like this:

UITableViewCell *cell = [tableView 
                              dequeueReusableCellWithIdentifier:CellIdentifier];
if (cell == nil)
{
    cell = [[UITableViewCell alloc] initWithFrame:CGRectZero];
    //... other cell initializations here
}

[[cell imageView] setImage:image];

Where image is a UIImage that you created by loading from a URL or from the local application bundle.

Upvotes: 5

Related Questions