cell image in a tableView that corresponds with the cell content!

[Brettyboi]

Hi everyone, I'm quite new to App development and am hoping to get some help regarding the thread title!

I've followed a tutorial which fetches data from my blog and inserts it into a tableview, each cell can then be pressed which links to the entire blog article via a webview!

I want each cell to have an image, but I want a particular image to be displayed depending on what the text in the cell is. For example, if the first word of the cell was 'News', I want an image to be displayed that is referenced as news.png.

Currently I'm using a simple if statement...

if (indexPath.row == 0)
{
cell.image = [UIImage imageNamed:@"image1.png"];
}

else if (indexPath.row == 1)
{
cell.image = [UIImage imageNamed:@"image2.png"];
}

But obviously this sets the image to a row and will never change, however I want a particular image to show up depending on what the content of the cell text is!

When the list is refreshed, and the cell text containing 'News' moves to a new index, I want the image to follow it because it contains that particular word. Any ideas guys?

If you need me to explain it clearer please say, I am still a beginner. Many thanks to anyone who can give me some guidance here!

Regards, Brett

[MattW]

Take the first word of your text and create a filename like so:

NSString *fileName = [NSString stringWithFormat:@"%@.png", <whatever string variable contains the first word of your text>];

And use that filename to decide which image to use.

[Brettyboi]

Hi Matt, thanks for your response!

Sorry to be a pain but would you mind trying to give me an example? I'm having trouble implementing the line of code provided.

Let's say that for any cell containing the word 'News' I want it to automatically display news.png, and for any cell that contains the word 'update' I want the cell to display update.png

Is the line of code you provided all I need? Or do I need to declare anything else in my header file?

Thanks again

Brett

[MattW]

Originally Posted by Brettyboi

Hi Matt, thanks for your response!

Sorry to be a pain but would you mind trying to give me an example? I'm having trouble implementing the line of code provided.

Let's say that for any cell containing the word 'News' I want it to automatically display news.png, and for any cell that contains the word 'update' I want the cell to display update.png

Is the line of code you provided all I need? Or do I need to declare anything else in my header file?

Thanks again

Brett

You've just changed the parameters of what you're after - firstly you said that the image should be based on the "first word" of the text. Now you're implying that the cell just has to contain the word 'news' anywhere in it? What if the cell contains multiple keywords, such as "...this is an update to the news about..."?

But let's assume you're after the first word in the cell. You have the text to display in the cell, correct? So just grab the first word from that and use it as the basis for your image filename (using the code provided).

(Extract your first word of the text into an NSString variable, and replace <whatever string variable contains the first word of your text> with the name of that variable.)