Table View Cell Customization

mehtaapplications · 11-21-2010, 11:54 PM

Hello,

I am new to the iPhone SDK and would like to know some stuff on table view cells. I have created a navigation based applications using XCODE and have set up a table view that has writing and allows you to navigate to other views.

However, I would like to know how I can add different images to each of these table view cells. Each table view cell should have an image on the left side and then my text on the right. If you guys can do this, it would be really helpful. Thanks in advance...

**baja_yu** · 11-22-2010, 12:43 AM

Check out the class reference for UITableViewCell here Loading…

You can use the imageView property of each cell and set it ([[cell imageView] setImage:anImage]) when you load the cells in the tableView:cellForRowAtIndexPath: method of your UITableViewDelegate.

mehtaapplications · 11-22-2010, 05:34 PM

Quote:

Originally Posted by baja_yu

Check out the class reference for UITableViewCell here Loading…

You can use the imageView property of each cell and set it ([[cell imageView] setImage:anImage]) when you load the cells in the tableView:cellForRowAtIndexPath: method of your UITableViewDelegate.

I have multiple cells. Can you tell me how to put a separate image for each cell?? Thanks...

iSDK · 11-22-2010, 05:41 PM

Code:

if ([[cell textLabel].text isEqualToString:@"name"])
{
[cell imageView] setImage:[UIImage imageNamed:@"image name"];
}

Quote:

Originally Posted by mehtaapplications

I have multiple cells. Can you tell me how to put a separate image for each cell?? Thanks...

mehtaapplications · 11-22-2010, 05:53 PM

Quote:

Originally Posted by iSDK

Code:

if ([[cell textLabel].text isEqualToString:@"name"])
{
[cell imageView] setImage:[UIImage imageNamed:@"image name"];
}

I tried that under CellForRowatIndexPath and when I load my table view there was no images. I have not done anything in interface builder. I have an array that stores the context of my table view cell. Thankksss..

// Configure the cell.

if ([[cell textLabel].text isEqualToString:@"Weapons"])
{
[cell imageView];
setImage:[UIImage imageNamed:@"box2.png"];
}

iSDK · 11-22-2010, 05:54 PM

I missed out a bracket

Code:

if ([[cell textLabel].text isEqualToString:@"name"])
{
[[cell imageView] setImage:[UIImage imageNamed:@"image name"]];
}

Quote:

Originally Posted by mehtaapplications

I tried that under cellForRowAtIndexPath and after //configure the cell and got an error saying "Expected a ; before setImage...Why?

mehtaapplications · 11-22-2010, 05:58 PM

Quote:

Originally Posted by iSDK

I missed out a bracket

Code:

if ([[cell textLabel].text isEqualToString:@"name"])
{
[[cell imageView] setImage:[UIImage imageNamed:@"image name"]];
}

// Configure the cell.

if ([[cell textLabel].text isEqualToString:@"Weapons"])
{
[[cell imageView] setImage:[UIImage imageNamed:@"box2.png"]];
}

still nothing...
I did nothing in interface builder tho...
Thanks

iSDK · 11-22-2010, 06:02 PM

Thats wierd. Try this I have simplified it a bit more:

Code:

if (cell.textLabel.text == @"Weapons")
	{
		cell.imageView.image = [UIImage imageNamed:@"box2.png"];
	}

Quote:

Originally Posted by mehtaapplications

// Configure the cell.

if ([[cell textLabel].text isEqualToString:@"Weapons"])
{
[[cell imageView] setImage:[UIImage imageNamed:@"box2.png"]];
}

still nothing...
I did nothing in interface builder tho...
Thanks

mehtaapplications · 11-22-2010, 06:10 PM

Quote:

Originally Posted by iSDK

Thats wierd. Try this I have simplified it a bit more:

Code:

if (cell.textLabel.text == @"Weapons")
	{
		cell.imageView.image = [UIImage imageNamed:@"box2.png"];
	}

I used an array on the table view called rootGuide. Here is my method:

// Customize the appearance of table view cells.
- (UITableViewCell *)tableView

UITableView *)tableView cellForRowAtIndexPath

NSIndexPath *)indexPath {

static NSString *CellIdentifier = @"Cell";

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

// Configure the cell.

if (cell.textLabel.text == @"Weapons")
{
cell.imageView.image = [UIImage imageNamed:@"#1.jpg"];
}

cell.textLabel.textColor = [UIColor whiteColor];

cell.textLabel.text = [rootGuide objectAtIndex:indexPath.row];

return cell;
}

/*

mehtaapplications · 11-22-2010, 06:27 PM

Quote:

Originally Posted by iSDK

Thats wierd. Try this I have simplified it a bit more:

Code:

if (cell.textLabel.text == @"Weapons")
	{
		cell.imageView.image = [UIImage imageNamed:@"box2.png"];
	}

Now, it comes on all of the cells. My image does. How do I make it appear on one cell???

iSDK · 11-22-2010, 06:32 PM

Your setting the cells text label's text after.

Code:

- (UITableViewCell *)tableViewUITableView *)tableView cellForRowAtIndexPathNSIndexPath *)indexPath {

static NSString *CellIdentifier = @"Cell";

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

// Configure the cell.



cell.textLabel.textColor = [UIColor whiteColor];

cell.textLabel.text = [rootGuide objectAtIndex:indexPath.row];

if (cell.textLabel.text == @"Weapons")
{
cell.imageView.image = [UIImage imageNamed:@"#1.jpg"];
}
return cell;
}

mehtaapplications · 11-22-2010, 06:38 PM

Quote:

Originally Posted by mehtaapplications

Now, it comes on all of the cells. My image does. How do I make it appear on one cell???

Lol never mind. I was silly. It came!!! THANKS A LOT. BTW UR WEBSITE LINK DOES NOT WORK

iSDK · 11-22-2010, 06:42 PM

haha I know im trying to fix it up at the moment. DONT USE 000WEBHOST!!!

Quote:

Originally Posted by mehtaapplications

Lol never mind. I was silly. It came!!! THANKS A LOT. BTW UR WEBSITE LINK DOES NOT WORK

mehtaapplications · 11-22-2010, 06:56 PM

Quote:

Originally Posted by iSDK

haha I know im trying to fix it up at the moment. DONT USE 000WEBHOST!!!

Yeah. BTW how do I make my image be a certain number of pixels in xcode. Or fit in a certain space?

iSDK · 11-22-2010, 07:52 PM

Ok you need to do this instead:

Code:

If (cell.textLabel.text == @"Weapons")
{
UIImageView *imageView = [[UIImageView alloc] initWithFrame: CGRectMake(0,0,0,0)]; /// set the size here;
imageView.image = [UIImage imageNamed:@"image name"];
cell.imageView = imageView;
}

Quote:

Originally Posted by mehtaapplications

Yeah. BTW how do I make my image be a certain number of pixels in xcode. Or fit in a certain space?